<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*å…¬å…±*/
.header{position:absolute;top:0;left:0;width:100%;z-index:999;transition:.3s}
.header .width{display:flex;justify-content:space-between;align-items:center;max-width:1600px}
.header .logo{width:147px;height:60px}
.header .header-r{width:calc(100% - 200px);display:flex;justify-content:flex-end}
.header .nav{display:flex}
.header .nav li&gt;a{margin-right:80px;font-size:16px;line-height:100px}
.header .child{position:fixed;display:none;top:100px;left:0;width:100%;background:#eef3f6;padding:25px 0}
.header .child&gt;div{display:flex;justify-content:center}
.header .child&gt;div&gt;a{font-size:16px;margin-right:50px}
.header .lang{position:relative;display:flex;align-items:center;cursor:pointer}
.header .lang .icon{width:24px;height:24px;background:url(../images/lang.svg) no-repeat center center/24px;margin-right:10px}
.header .lang&gt;span{font-size:16px}
.header .lang .popup{display:none;background:#eef3f6;position:absolute;top:90%;left:50%;transform:translateX(-50%);width:max-content;border-radius:5px;padding:10px 0;border-radius:10px}
.header .lang .popup&gt;a{padding:10px 30px;display:block;text-align:center}
.header .search{position:relative;width:24px;height:100px;background:url(../images/search.svg) no-repeat center center/24px;margin-left:30px;cursor:pointer}
.header .search .popup{display:none;position:absolute;top:90%;right:0}
.header .search .popup&gt;div{display:flex}
.header .search .popup .input{width:250px;height:50px;background:#eef3f6;padding:0 20px}
.header .search .popup .btn{width:50px;height:50px;background:#1c95d9 url(../images/search-w.svg) no-repeat center center/24px;transition:.3s}
.header .menu{display:none}
.header.active{background:#fff}
.header.white .nav li&gt;a{color:#fff}
.header.white .lang .icon{background-image:url(../images/lang-w.svg)}
.header.white .lang&gt;span{color:#fff}
.header.white .search{background-image:url(../images/search-w.svg)}
.header.white .menu{background-image:url(../images/menu-w.svg)}
.header .nav li&gt;a.active{color:#1c95d9}

.contact{color:#fff;padding:35px 0 50px}
.contact p{text-align:center}
.contact p:nth-of-type(1){font-size:16px}
.contact p:nth-of-type(2){font-size:42px;margin:10px 0 35px}
.contact a{width:154px;height:48px;margin:0 auto;display:block;line-height:46px;border:1px #fff solid;border-radius:30px;padding-left:35px;background:url(../images/arrow-w.svg) no-repeat 80% center/10px;color:#fff;transition:.3s}

.footer{background:#1d2c35;padding:80px 0 70px}
.footer .width{max-width:1400px}
.footer1{display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:60px;margin-bottom:20px}
.footer1 ul{flex:1;display:flex}
.footer1 li{margin-right:110px}
.footer1 li&gt;a{color:#fff;font-size:18px;margin-bottom:15px}
.footer1 .child&gt;a{color:#fff;line-height:36px;opacity:.5;display:block}
.footer1 .qr{width:200px;display:flex;flex-direction:column;align-items:flex-end}
.footer1 .qr&gt;.img-div{width:130px;height:130px}
.footer1 .qr&gt;p{width:130px;text-align:center;color:rgba(255,255,255,.5);line-height:24px;margin:10px 0 30px}
.footer1 .icons{display:flex;flex-wrap:wrap}
.footer1 .icons&gt;.img-div{width:55px;height:55px;border:1px solid #fff;border-radius:50%;opacity:.5;margin-right:15px;cursor:pointer;transition:.3s}
.footer1 .icons&gt;.img-div.active{opacity:1}
.footer1 .icons&gt;.img-div:nth-child(3n){margin-right:0}
.footer1 .icons img{max-width:45%;max-height:45%}
.footer2{display:flex}
.footer2&gt;p{width:70%;color:#fff;opacity:.5;line-height:24px;padding-right:50px}
.footer2&gt;a{width:30%;text-align:right;color:#fff;opacity:.5;line-height:24px}

.float{border-radius:5px 0 0 5px;z-index:998;position:fixed;right:0;top:50%;height:372px;margin-top:-186px;width:90px;background:#f5f7f9;transition:.5s}
.float .item{border-bottom:1px solid #e8e8e8;height:93px;display:flex;flex-direction:column;justify-content:center;transition:.3s;position:relative}
.float .item:last-child{border-bottom:0}
.float .img-div{width:32px;height:32px;margin:0 auto 5px}
.float p{text-align:center}
.float .tel .tc{position:absolute;top:0;right:-220px;width:220px;height:93px;background:#f5f7f9;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:20px;transition:.8s;z-index:998}
.float .tel .tc&gt;span{display:block;padding-left:35px}
.float .tel .tc&gt;span.b{margin-top:5px;line-height:25px;background:url(../images/27.png) no-repeat left center/25px;font-size:18px;color:#1C95D9;position:relative}
.float .tel .tc&gt;span.b::after{content:'';position:absolute;top:0;right:0;width:20px;height:20px;background:url(../images/copy.svg) no-repeat center center/20px}
.float .float-qr .tc{position:absolute;top:-30px;right:-150px;width:150px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:20px;transition:.8s;z-index:998}
.float .float-qr .tc&gt;img{max-width:100%;}
.float .float-qr .tc&gt;span{text-align:center;display:block}
.float .float-qr:hover .tc{right:0}

.nav-m{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;background:#fff;overflow-y:auto;z-index:1000}
.nav-m .info{display:flex;justify-content:space-between;align-items:center;height:70px}
.nav-m .logo{width:110px;height:45px}
.nav-m .close{width:22px;height:22px;background:url(../images/close.svg) no-repeat center center/22px}
.nav-m ul{border-top:1px solid rgba(0,0,0,.1);margin-top:10px}
.nav-m li{border-bottom:1px solid rgba(0,0,0,.1);padding:20px 0;position:relative;font-size:16px}
.nav-m li::after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:'';width:18px;height:18px;background:url(../images/arrow.svg) no-repeat center center/10px;transition:.3s}
.nav-m li.rotate::after{transform:rotate(90deg);top:35%}
.nav-m li&gt;a{display:inline-block;color:#000}
.nav-m .child{display:none;margin-left:15px;margin-bottom:20px}
.nav-m .child&gt;a{padding:18px 0;border-bottom:1px rgba(0,0,0,.1) solid;display:block}

.inner-banner{position:relative}
.inner-banner .m{display:none}
.inner-banner .img{padding-bottom:26.04%}
.inner-banner .width{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
.inner-banner .info{width:50%}
.inner-banner .info&gt;p:first-child{font-size:48px;line-height:58px;margin-bottom:10px}
.inner-banner .info&gt;p:last-child{font-size:18px;line-height:28px}

.snav{border-bottom:1px solid rgba(0,0,0,.1)}
.snav.fixed{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:999}
.snav .width{display:flex}
.snav .width&gt;a{font-size:16px;color:#666;margin-right:60px;line-height:80px;position:relative}
.snav .width&gt;a:last-child{margin-right:0}
.snav .width&gt;a.active{color:#1c95d9}
.snav .width&gt;a::after{display:none;content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#1c95d9}
.snav .width&gt;a.active::after{display:block}
.snav-space{height:80px;display:none}

@media (max-width:1600px){
    .header .nav li&gt;a{margin-right:60px}
    .contact p:nth-of-type(2){font-size:37px;line-height:47px}
    .footer{padding:70px 0 60px}
    .footer1 li{margin-right:100px}
    .inner-banner .width{top:55%}
    .inner-banner .info&gt;p:first-child{font-size:43px;line-height:53px}
}

@media (max-width:1440px){
    .header .nav li&gt;a{margin-right:40px}
    .contact p:nth-of-type(2){font-size:32px;line-height:42px;margin:10px 0 25px}
    .footer{padding:60px 0 50px}
    .footer1 li{margin-right:80px}
    .footer1 .icons&gt;.img-div{width:50px;height:50px}
    .inner-banner .info&gt;p:first-child{font-size:38px;line-height:48px}
    .snav .width&gt;a{line-height:70px}
}

@media (max-width:750px){
    .header{position:fixed}
    .header .logo{width:110px;height:45px}
    .header .header-r{width:calc(100% - 150px)}
    .header .nav{display:none}
    .header .lang .icon{width:22px;height:22px;background-size:22px;margin-right:0}
    .header .lang&gt;span{display:none}
    .header .lang .popup&gt;a{padding:10px 20px}
    .header .search{width:22px;background-size:22px;margin:0 10px;height:70px}
    .header .search .popup{position:fixed;top:70px;width:100%}
    .header .search .popup .input{width:calc(100% - 45px);height:45px;padding:0 15px}
    .header .search .popup .btn{width:45px;height:45px;background-size:22px}
    .header .menu{display:block;width:22px;height:22px;background:url(../images/menu.svg) no-repeat center center/22px;height:70px}
    .header .active{background:#fff}
    
    .contact{padding:20px 0}
    .contact p{text-align:center}
    .contact p:nth-of-type(1){font-size:14px}
    .contact p:nth-of-type(2){font-size:22px;margin:5px 0 10px}
    .contact a{width:120px;height:40px;line-height:38px;padding-left:25px;font-size:12px}
    
    .footer{padding:40px 0 20px}
    .footer1{display:block;padding-bottom:20px}
    .footer1 ul{display:none}
    .footer1 .qr{width:50%;margin:0 auto;display:block}
    .footer1 .qr&gt;.img-div{margin:0 auto}
    .footer1 .qr&gt;p{width:auto;margin:10px 0 20px}
    .footer1 .icons{justify-content:center}
    .footer1 .icons&gt;.img-div{width:40px;height:40px;margin-right:10px}
    .footer2{display:block}
    .footer2&gt;p{width:100%;margin-bottom:10px;text-align:center;font-size:12px;line-height:20px;padding-right:0}
    .footer2&gt;a{width:100%;text-align:center;font-size:12px;line-height:20px}
    
    .float{display:none}
    
    .inner-banner .pc{display:none}
    .inner-banner .m{display:block}
    .inner-banner .img{padding-bottom:66.66%}
    .inner-banner .width{top:55%}
    .inner-banner .info{width:100%;text-align:center}
    .inner-banner .info&gt;p:first-child{font-size:25px;line-height:35px;margin-bottom:5px}
    .inner-banner .info&gt;p:last-child{font-size:14px;line-height:24px}
    
    .snav.fixed{height:70px}
    .snav .width{white-space:nowrap;overflow-x:auto;overflow-y:hidden}
    .snav .width&gt;a{font-size:14px;margin-right:30px;line-height:50px}
    .snav.fixed{height:70px}
    .snav.fixed .width&gt;a{line-height:70px}
    .snav-space{height:70px}
}

@media (any-hover:hover){
    .header .nav li&gt;a:hover{color:#1c95d9}
    .header .child&gt;div&gt;a:hover{color:#1c95d9}
    .header .lang&gt;span:hover{color:#1c95d9}
    .header .lang .popup&gt;a:hover{background:#1c95d9;color:#fff}
    .header .search .popup .btn:hover{background-color:#136593}
    
    .contact a:hover{background-color:#136593;border-color:#136593}
    
    .footer1 li&gt;a:hover{color:#1c95d9}
    .footer1 .child&gt;a:hover{opacity:1}
    .footer2&gt;a:hover{opacity:1}
    
    .float .item:hover{background:#1C95D9}
    .float .item:hover p{color:#fff}
    .float .tel:hover .tc{right:0}
    
    .snav .width&gt;a:hover{color:#1c95d9}
    .snav .width&gt;a:hover::after{display:block}
}

/*é¦–é¡µ*/
.index-page .width{max-width:1400px}
.index-page .tit&gt;p:first-child{color:#1c95d9;background:url(../images/1.png) no-repeat left center;padding-left:25px}
.index-page .tit&gt;p:nth-child(2){font-size:48px;line-height:68px;margin:25px 0}
.index-page .tit&gt;p:last-child{font-size:16px;line-height:36px;color:#666}

.index-page .banner .swiper-slide{position:relative}
.index-page .banner .img{padding-bottom:50%;}
.index-page .banner .swiper-slide .width{position:absolute;top:25%;left:50%;transform:translateX(-50%)}
.index-page .banner .info{width:48%}
.index-page .banner .info&gt;p:nth-child(1){font-size:30px;line-height:40px}
.index-page .banner .info&gt;p:nth-child(2){font-size:60px;line-height:70px;padding:5px 0 25px;border-bottom:1px solid rgba(255,255,255,.4);display:inline-block}
.index-page .banner .info&gt;p:nth-child(3){font-size:24px;line-height:34px;margin:30px 0 5px}
.index-page .banner .info&gt;p:nth-child(4){line-height:24px}
.index-page .banner .icons{display:flex;margin:30px 0 60px}
.index-page .banner .item{border-radius:5px;background:rgba(255,255,255,.3);padding:20px;margin-right:10px;transition:.3s}
.index-page .banner .item:last-child{margin-right:0}
.index-page .banner .img-div{width:34px;height:34px;margin:0 auto 5px}
.index-page .banner .item&gt;p{line-height:24px;text-align:center}
.index-page .banner .btn{width:188px;height:62px;line-height:60px;border-radius:30px;background:#1c95d9;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s}
.index-page .banner .btn::after{content:'';position:absolute;right:9px;top:9px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}
.index-page .banner .swiper-pagination{bottom:20px}
.index-page .banner .swiper-pagination-bullet{background:#fff;opacity:1;width:12px;height:12px;margin:0 8px}
.index-page .banner .swiper-pagination-bullet-active{background:#1c95d9}
.index-page .banner .click{display:none}

.index-page .box1{padding:180px 0 220px;background:url(../images/2.png) no-repeat center bottom/100%,linear-gradient(to bottom,#f2f8fb,#e2f1f5);position:relative}
.index-page .box1 .img-div{width:43.02%;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.index-page .box1 .info{width:50%}
.index-page .box1 .tit&gt;p:nth-child(2){margin:25px 0}
.index-page .box1 .items{display:flex;flex-wrap:wrap;margin:15px 0}
.index-page .box1 .item{margin-right:60px;margin-bottom:30px}
.index-page .box1 .item:nth-child(4n){margin-right:0}
.index-page .box1 .num{display:flex;align-items:flex-end;color:#1c95d9}
.index-page .box1 .num&gt;span:first-child{font-size:48px;}
.index-page .box1 .num&gt;span:last-child{margin:0 0 10px 5px}
.index-page .box1 .btn{width:188px;height:62px;line-height:60px;border-radius:30px;background:#1c95d9;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s}
.index-page .box1 .btn::after{content:'';position:absolute;right:9px;top:9px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}

.index-page .box2{padding-bottom:50%;position:relative}
.index-page .box2 ul{display:flex;position:absolute;top:0;left:0;width:100%;height:100%}
.index-page .box2 ul li{flex:1;color:#fff;color:#fff;height:100%;padding:17% 7% 0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;transition:.3s}
.index-page .box2 ul li.active{padding-top:15%}
.index-page .box2 ul li:nth-child(2),.index-page .box2 ul li:last-child{padding-right:5%;padding-left:9%}
.index-page .box2 ul li.hasbg{background:url(../images/3.png) no-repeat right center/auto 100%}
.index-page .box2 ul .img-div{width:71px;height:81px;margin:0 auto 20px}
.index-page .box2 ul li&gt;p{text-align:center;font-size:30px}
.index-page .box2 ul li&gt;p:nth-of-type(2){font-size:16px;line-height:30px;margin:20px 0 40px}
.index-page .box2 ul .btn{display:none;width:186px;height:60px;line-height:58px;border-radius:30px;border:1px #fff solid;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s}
.index-page .box2 ul li:first-child .btn{display:block}
.index-page .box2 ul .btn::after{content:'';position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}
.index-page .box2-bg{display:none;position:absolute;background:url(../images/4.png) no-repeat center center/100% 100%;height:100%;width:calc(100% / 3);top:0;z-index:1}
.index-page .box2 .m{display:none}

.index-page .box3{padding:100px 0;position:relative}
.index-page .box3 .width{position:relative;z-index:2}
.index-page .box3 .info{display:flex;align-items:center;justify-content:space-between}
.index-page .box3 .tit{width:40%}
.index-page .box3 .tit&gt;p:nth-child(2){margin:25px 0 0}
.index-page .box3 .cate{width:55%;display:flex;justify-content:flex-end;position:relative;z-index:2}
.index-page .box3 .swiper-container{margin:0}
.index-page .box3 .swiper-slide{width:auto;padding:0 25px;height:50px;line-height:48px;font-size:16px;color:#666;border:1px solid #fff;border-radius:30px}
.index-page .box3 .swiper-slide.active{border-color:#1c95d9;color:#1c95d9}
.index-page .box3 .con{display:none;margin-top:40px}
.index-page .box3 ul{display:flex}
.index-page .box3 li{padding:70px 50px 0;height:500px;width:calc(25% - 15px);margin-right:30px;background:#f8fafb;border-radius:20px;transition:padding .3s;position:relative}
.index-page .box3 li:nth-child(4n){margin-right:0}
.index-page .box3 .img-div{height:300px;margin-bottom:60px;transition:.3s}
.index-page .box3 li&gt;p{font-size:20px;text-align:center}
.index-page .box3 .btn{display:none;margin:15px auto 0;width:158px;height:48px;line-height:46px;border-radius:30px;border:1px rgba(255,255,255,.4) solid;color:#fff;padding-left:25px;position:relative;transition:.3s}
.index-page .box3 .btn::after{content:'';position:absolute;right:20px;top:6px;width:34px;height:34px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}
.index-page .box3 .waves{width:100%;height:440px;position:absolute;bottom:0;left:0}

.index-page .box4 .tip{position:absolute;bottom:30px;left:calc(50% - 15px);z-index:999;width:40px;height:40px;background:url(../images/22.svg) no-repeat center center/40px;animation:index-box4-play .5s linear infinite alternate}
.index-page .box4 .tip.white{background-image:none}
@keyframes index-box4-play{
	100%{bottom:20px}
}
.index-page .box4 .indmh{width:100%;position:relative;height:200vh}
.index-page .box4 .indmh-sticky{width:100%;top:0;left:0;position:sticky;overflow:hidden}
.index-page .box4 .indmh-bg{width:100%;height:100vh;padding-top:4px}
.index-page .box4 .indmh-logo{position:absolute;z-index:2;width:100%;height:100vh;top:0;left:0;}
.index-page .box4 .indmh-logo img{width:calc(100% + 2px);height:100%;object-fit:cover}
.index-page .box4 .indmh-content{position: absolute;width: 100%;z-index: 4;height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction:column;top: 0;left: 0;opacity: 0;pointer-events: none;transition: all .8s ease;color:#fff;margin-top:-50px}
.index-page .box4 .indmh-content .width&gt;p{text-align:center}
.index-page .box4 .indmh-content .width&gt;p:first-child{font-size:48px;line-height:68px;margin:25px 0;}
.index-page .box4 .indmh-content .width&gt;p:nth-child(2){font-size:16px;line-height:36px;color:rgba(255,255,255,.8)}
.index-page .box4 .indmh-content .items{margin:90px 0;display:flex}
.index-page .box4 .indmh-content .item{width:25%;padding:0 50px;position:relative}
.index-page .box4 .indmh-content .item::after{content:'';width:1px;height:36px;background:rgba(255,255,255,.3);position:absolute;right:0;top:50px}
.index-page .box4 .indmh-content .item:last-child::after{display:none}
.index-page .box4 .indmh-content .img-div{width:71px;height:81px;margin:0 auto}
.index-page .box4 .indmh-content .item&gt;p{text-align:center}
.index-page .box4 .indmh-content .item&gt;p:nth-of-type(1){font-size:24px;line-height:34px;margin:20px 0 10px}
.index-page .box4 .indmh-content .item&gt;p:nth-of-type(2){font-size:16px;line-height:26px}
.index-page .box4 .indmh-content .btn{width:186px;height:60px;margin:0 auto;line-height:58px;border-radius:30px;border:1px #fff solid;font-size:16px;color:#fff;padding-left:45px;display:block;position:relative;transition: all .4s ease}
.index-page .box4 .indmh-content .btn::after{content:'';position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}
.index-page .box4 .indmh-content.active{opacity: 1;pointer-events: auto;}
.index-page .box4 .indmh-content.active .name{animation: indmhRun 1s ease both .4s;}
.index-page .box4 .indmh-content.active .note{animation: indmhRun 1s ease both .6s;}
.index-page .box4 .indmh-content.active .items{animation: indmhRun 1s ease both .8s;}
.index-page .box4 .indmh-content.active .btn{animation: indmhRun 1s ease both 1s;}
@keyframes indmhRun {
	0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}
	100%{opacity: 1;transform: translateY(0);filter: blur(0);}
}
.index-page .box4 .m{display:none}

.index-page .box5{padding:80px 0;background:#F5FAFD}
.index-page .box5 .tit{display:flex;flex-direction:column;align-items:center;text-align:center}
.index-page .box5 .tit&gt;p:nth-child(2){margin:20px 0 0}
.index-page .box5 .swiper-container{padding:40px 0 60px}
.index-page .box5 .img-div{height:100px;background:#fff;border-radius:10px;transition:.3s}
.index-page .box5 .img-div&gt;img{max-width:60%;max-height:60%}
.index-page .box5 .swiper-pagination-bullet{background:#ccc;opacity:1;width:10px;height:10px}
.index-page .box5 .swiper-pagination-bullet-active{background:#1c95d9}

.index-page .box6{padding:100px 0}
.index-page .box6 .tit{display:flex;flex-direction:column;align-items:center;text-align:center}
.index-page .box6 .tit&gt;p:nth-child(2){margin:20px 0 0}
.index-page .box6 .con{display:flex;margin-top:40px;height:486px}
.index-page .box6 .items{display:flex;width:59.28%}
.index-page .box6 .item{width:calc(50% - 30px);margin-right:30px;background:#f8fafb;border-radius:10px}
.index-page .box6 .img-bg{border-radius:10px 10px 0 0}
.index-page .box6 .img{height:225px}
.index-page .box6 .item .info{padding:35px 40px}
.index-page .box6 .item .info&gt;a:nth-of-type(1){font-size:20px}
.index-page .box6 .item .info&gt;a:nth-of-type(2){color:#666;padding-right:25px;background:url(../images/arrow1-g.png) no-repeat right center/13px}
.index-page .box6 .item .info&gt;p:nth-of-type(1){color:#999;margin:10px 0 20px}
.index-page .box6 .item .info&gt;p:nth-of-type(2){color:#666;line-height:24px;margin-bottom:40px}
.index-page .box6 ul{width:40.72%;border-top:1px solid #eee}
.index-page .box6 li{border-bottom:1px solid #eee;height:162px;display:flex;align-items:center;padding:0 40px}
.index-page .box6 .time{margin-right:40px;width:55px}
.index-page .box6 .time&gt;p{text-align:center;color:#999}
.index-page .box6 .time&gt;p:first-child{font-size:30px;border-bottom:1px #eee solid;margin-bottom:5px}
.index-page .box6 li .info{width:calc(100% - 95px)}
.index-page .box6 li .info&gt;a{font-size:20px;margin-bottom:10px}
.index-page .box6 li .info&gt;p{color:#666;line-height:24px}

@media (max-width:1600px){
    .index-page .banner .info&gt;p:nth-child(2){font-size:55px;line-height:65px}
    .index-page .banner .info&gt;p:nth-child(3){margin:20px 0 5px}
    .index-page .banner .icons{margin:20px 0 40px}
    .index-page .box1{padding:150px 0 190px}
    .index-page .tit&gt;p:nth-child(2){font-size:43px;line-height:53px}
    .index-page .box2 ul li{padding:17% 7% 0}
    .index-page .box2 ul li.active{padding-top:12%}
    .index-page .box2 ul li&gt;p{font-size:28px}
    .index-page .box3{padding:90px 0}
    .index-page .box4 .indmh{height:400vh}
    .index-page .box4 .indmh-content .items{margin:80px 0}
    .index-page .box4 .indmh-content .width&gt;p:first-child{font-size:43px;line-height:53px}
    .index-page .box5{padding:70px 0}
    .index-page .box6{padding:90px 0}
}

@media (max-width:1440px){
    .index-page .banner .info{width:55%}
    .index-page .banner .info&gt;p:nth-child(1){font-size:25px;line-height:35px}
    .index-page .banner .info&gt;p:nth-child(2){font-size:50px;line-height:60px;padding:5px 0 20px}
    .index-page .banner .info&gt;p:nth-child(3){font-size:20px;line-height:30px}
    .index-page .banner .btn{width:160px;height:55px;line-height:53px;padding-left:35px;font-size:14px}
    .index-page .banner .btn::after{top:8px;right:8px;width:40px;height:40px}
    .index-page .box1{padding:120px 0 160px}
    .index-page .tit&gt;p:nth-child(2){font-size:38px;line-height:48px}
    .index-page .box1 .num&gt;span:first-child{font-size:43px}
    .index-page .box1 .btn{width:160px;height:55px;line-height:53px;padding-left:35px;font-size:14px}
    .index-page .box1 .btn::after{top:8px;right:8px;width:40px;height:40px}
    .index-page .box2 ul li&gt;p{font-size:26px}
    .index-page .box2 ul .btn{width:160px;height:55px;line-height:53px;padding-left:35px;font-size:14px}
    .index-page .box2 ul .btn::after{top:7px;right:7px;width:40px;height:40px}
    .index-page .box3{padding:80px 0}
    .index-page .box3 .tit{width:45%}
    .index-page .box3 li{height:450px}
    .index-page .box3 .img-div{height:250px}
    .index-page .box3 li&gt;p{font-size:18px}
    .index-page .box4 .indmh-content .width&gt;p:first-child{font-size:38px;line-height:48px;margin:50px 0 10px}
    .index-page .box4 .indmh-content .items{margin:50px 0}
    .index-page .box4 .indmh-content .item{padding:0 30px}
    .index-page .box4 .indmh-content.active .btn{width:160px;height:55px;line-height:53px;padding-left:35px;font-size:14px}
    .index-page .box4 .indmh-content.active .btn::after{top:8px;right:8px;width:40px;height:40px}
    .index-page .box5{padding:60px 0}
    .index-page .box6{padding:80px 0}
    .index-page .box6 .item .info&gt;a:nth-of-type(1){font-size:18px}
    .index-page .box6 .time{margin-right:30px}
    .index-page .box6 li .info&gt;a{font-size:18px}
}

@media (max-width:750px){
    .index-page .tit{display:flex;flex-direction:column;align-items:center;text-align:center}
    .index-page .tit&gt;p:first-child{padding-left:25px}
    .index-page .tit&gt;p:nth-child(2){font-size:22px;line-height:32px;margin:15px 0 10px}
    .index-page .tit&gt;p:last-child{font-size:14px;line-height:24px}
    
    .index-page .banner .img{display:none}
    .index-page .banner .swiper-slide .width{position:static;transform:translateX(0);padding:80px 0 65%}
    .index-page .banner .info{width:100%;text-align:center}
    .index-page .banner .info&gt;p:nth-child(1){font-size:16px;line-height:26px}
    .index-page .banner .info&gt;p:nth-child(2){font-size:25px;line-height:35px;padding:0 0 10px;display:block}
    .index-page .banner .info&gt;p:nth-child(3){font-size:16px;line-height:26px;margin:10px 0 5px}
    .index-page .banner .info&gt;p:nth-child(4){line-height:20px;font-size:12px}
    .index-page .banner .icons{flex-wrap:wrap;margin:20px 0 0}
    .index-page .banner .item{padding:15px;margin-right:9px;width:calc(100% / 3 - 6px);margin-bottom:9px}
    .index-page .banner .item:last-child{margin-right:9px}
    .index-page .banner .item:nth-child(3n){margin-right:0}
    .index-page .banner .item&gt;p{line-height:20px;font-size:12px}
    .index-page .banner .btn{display:none}
    .index-page .banner .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px}
    .index-page .banner .click{display:block}
    
    .index-page .box1{padding:50px 0}
    .index-page .box1 .img-div{width:100%;position:static;transform:translateY(0);justify-content:flex-end}
    .index-page .box1 .img-div&gt;img{max-width:90%}
    .index-page .box1 .info{width:100%;margin-bottom:30px}
    .index-page .box1 .tit&gt;p:nth-child(2){margin:15px 0 10px}
    .index-page .box1 .items{margin:20px 0 0}
    .index-page .box1 .item{width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;text-align:center}
    .index-page .box1 .item:nth-child(2n){margin-right:0}
    .index-page .box1 .num{justify-content:center;margin-bottom:5px}
    .index-page .box1 .num&gt;span:first-child{font-size:30px}
    .index-page .box1 .num&gt;span:last-child{margin:0 0 5px 5px}
    .index-page .box1 .btn{width:150px;height:45px;margin:0 auto;display:block;line-height:45px;font-size:14px;padding-left:35px}
    .index-page .box1 .btn::after{right:5px;top:5px;width:35px;height:35px;background-size:14px}
    
    .index-page .box2{padding:50px 0 30px;background:none !important}
    .index-page .box2 ul{display:none}
    .index-page .box2 .m{display:block}
    .index-page .box2 .m .item{border-radius:10px;margin-bottom:20px;padding:60px 25px 50px}
    .index-page .box2 .m .img-div{width:61px;height:71px;margin:0 auto 10px}
    .index-page .box2 .m .item&gt;p{text-align:center;font-size:20px;line-height:28px;color:#fff}
    .index-page .box2 .m .item&gt;p:nth-of-type(2){font-size:14px;line-height:24px;margin:10px 0 20px}
    .index-page .box2 .m .btn{width:150px;height:45px;margin:0 auto;display:block;line-height:43px;border-radius:30px;border:1px #fff solid;font-size:14px;color:#fff;padding-left:35px;position:relative;transition:.3s}
    .index-page .box2 .m .btn::after{content:'';position:absolute;right:4px;top:4px;width:35px;height:35px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/14px}
    
    .index-page .box3{padding:0 0 50px}
    .index-page .box3 .info{display:block}
    .index-page .box3 .tit{width:100%;margin-bottom:20px}
    .index-page .box3 .tit&gt;p:nth-child(2){margin:15px 0 10px}
    .index-page .box3 .cate{width:100%;justify-content:flex-start}
    .index-page .box3 .swiper-slide{padding:0 15px;height:40px;line-height:38px;font-size:14px}
    .index-page .box3 .con{margin-top:30px}
    .index-page .box3 ul{display:block}
    .index-page .box3 li{padding:50px 25px 30px;height:auto;width:100%;margin-right:0;margin-bottom:20px;border-radius:10px}
    .index-page .box3 .img-div{height:200px;margin-bottom:20px}
    .index-page .box3 li&gt;p{font-size:16px}
    
    .index-page .box4 .indmh{display:none}
    .index-page .box4 .m{display:block;padding:80px 0;color:#fff}
    .index-page .box4 .m .width&gt;p{text-align:center}
    .index-page .box4 .m .width&gt;p:first-child{font-size:25px;line-height:35px}
    .index-page .box4 .m .width&gt;p:nth-child(2){font-size:14px;line-height:24px;margin:10px 0 30px}
    .index-page .box4 .m .items{display:flex;flex-wrap:wrap}
    .index-page .box4 .m .item{width:calc(50% - 20px);margin-bottom:30px;position:relative}
    .index-page .box4 .m .item:nth-child(2n+1){margin-right:40px}
    .index-page .box4 .m .item::after{content:'';width:1px;height:36px;background:rgba(255,255,255,.3);position:absolute;right:-20px;top:20px}
    .index-page .box4 .m .item:nth-child(2n)::after{display:none}
    .index-page .box4 .m .item:last-child::after{display:none}
    .index-page .box4 .m .img-div{width:61px;height:71px;margin:0 auto}
    .index-page .box4 .m .item&gt;p{text-align:center}
    .index-page .box4 .m .item&gt;p:nth-of-type(1){font-size:16px;line-height:26px;margin:10px 0 5px}
    .index-page .box4 .m .item&gt;p:nth-of-type(2){font-size:12px;line-height:20px}
    .index-page .box4 .m .btn{width:150px;height:45px;margin:0 auto;line-height:43px;border-radius:30px;border:1px #fff solid;font-size:14px;color:#fff;padding-left:35px;display:block;position:relative}
    .index-page .box4 .m .btn::after{content:'';position:absolute;right:4px;top:4px;width:35px;height:35px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/14px}
    
    .index-page .box5{padding:50px 0 40px}
    .index-page .box5 .tit&gt;p:nth-child(2){margin:15px 0 10px}
    .index-page .box5 .swiper-container{padding:30px 0 50px}
    .index-page .box5 .img-div{height:80px}
    .index-page .box5 .img-div&gt;img{max-width:50%;max-height:50%}
    
    .index-page .box6{padding:50px 0 30px}
    .index-page .box6 .tit&gt;p:nth-child(2){margin:15px 0 10px}
    .index-page .box6 .con{display:block;margin-top:30px;height:auto}
    .index-page .box6 .items{display:block;width:100%;margin-bottom:30px}
    .index-page .box6 .item{width:100%;margin-right:0;margin-bottom:20px}
    .index-page .box6 .img{height:180px}
    .index-page .box6 .item .info{padding:30px 25px}
    .index-page .box6 .item .info&gt;a:nth-of-type(1){font-size:16px}
    .index-page .box6 .item .info&gt;p:nth-of-type(2){margin-bottom:20px}
    .index-page .box6 ul{width:100%}
    .index-page .box6 li{height:auto;padding:20px 0;align-items:flex-start}
    .index-page .box6 .time{margin-right:20px;width:55px}
    .index-page .box6 .time&gt;p:first-child{font-size:25px}
    .index-page .box6 li .info{width:calc(100% - 95px)}
    .index-page .box6 li .info&gt;a{font-size:16px;margin-bottom:10px}
}

@media (any-hover:hover){
    .index-page .banner .item:hover{transform:translateY(-5px)}
    .index-page .banner .btn:hover{background:#136593}
    
    .index-page .box1 .btn:hover{background:#136593}
    
    .index-page .box2 ul .btn:hover{background:#136593;border-color:#136593}
    
    .index-page .box3 li:hover{padding-top:40px;background:#1c95d9 url(../images/7.png) no-repeat 180% 120%}
    .index-page .box3 li:hover .img-div{margin-bottom:30px}
    .index-page .box3 li:hover&gt;p{color:#fff}
    .index-page .box3 li:hover .btn{display:block;}
    .index-page .box3 .btn:hover{background:#136593;border-color:#136593}
    
    .index-page .box4 .btn:hover{background:#136593;border-color:#136593}
    
    .index-page .box5 .img-div:hover{transform:translateY(-5px)}
    
    .index-page .box6 .item:hover .info&gt;a:nth-of-type(1){color:#1c95d9}
    .index-page .box6 .item:hover .info&gt;a:nth-of-type(2){color:#1c95d9;background-image:url(../images/arrow1.png)}
    .index-page .box6 li:hover .time&gt;p{color:#1c95d9}
    .index-page .box6 li:hover .time&gt;p:first-child{border-color:#1c95d9}
    .index-page .box6 li:hover .info&gt;a{color:#1c95d9}
}

/*å…³äºŽæˆ‘ä»¬*/
.about-page .tit{text-align:center}
.about-page .tit-name{font-size:48px;line-height:58px;margin-bottom:10px}
.about-page .tit-note{font-size:16px;line-height:30px;color:#666}

.about-page .box1{padding:100px 0;position:relative;background:linear-gradient(to bottom,#f2f8fb,#e2f1f5)}
.about-page .box1::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/10.png) no-repeat left top/55.05%;}
.about-page .box1 .width{display:flex;align-items:flex-start}
.about-page .box1 .info{flex:1;padding-right:100px;margin-top:100px}
.about-page .box1 .tit{text-align:left}
.about-page .box1 .detail{font-size:20px;line-height:30px;margin:20px 0 25px}
.about-page .box1 .items{display:flex;flex-wrap:wrap;margin-top:45px}
.about-page .box1 .item{margin-right:60px;margin-bottom:30px}
.about-page .box1 .item:nth-child(4n){margin-right:0}
.about-page .box1 .num{display:flex;align-items:flex-end;color:#1c95d9}
.about-page .box1 .num&gt;span:first-child{font-size:48px;}
.about-page .box1 .num&gt;span:last-child{margin:0 0 10px 5px}
.about-page .box1 img{width:39.06%}

.about-page .box2{padding:90px 0}
.about-page .box2 .con{margin-top:40px;display:flex}
.about-page .box2 .items:first-child{width:40.62%;margin-right:25px;height:500px}
.about-page .box2 .items:nth-child(2){flex:1}
.about-page .box2 .item{position:relative;overflow:hidden}
.about-page .box2 .items:nth-child(2) .item:first-child{margin-bottom:20px}
.about-page .box2 .img-bg{border-radius:20px}
.about-page .box2 .img{height:500px}
.about-page .box2 .items:nth-child(2) .img{height:240px}
.about-page .box2 .info{position:absolute;bottom:0;left:0;color:#fff;padding:10% 40px 30px;width:100%;background:linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius:0 0 20px 20px}
.about-page .box2 .info&gt;p:first-child{font-size:20px;line-height:30px;transition:.5s}
.about-page .box2 .info&gt;p:last-child{line-height:24px;opacity:.8;transition:.5s;margin-top:10px}

.about-page .box3{background-position:center top;background-size:100%;padding-top:90px}
.about-page .box3 .tit{max-width:780px}
.about-page .box3 .tit-name{color:#fff}
.about-page .box3 .tit-note{color:#fff;opacity:.8}
.about-page .box3 .con{margin-top:100px;position:relative;max-width:1440px}
.about-page .box3 .swiper-container{border-radius:10px}
.about-page .box3 .img-bg{border-radius:10px}
.about-page .box3 .img{padding-bottom:73.17%}
.about-page .box3 .arrow{position:absolute;width:50px;height:50px;border:1px solid #eee;background:#fff url(../images/arrow.svg) no-repeat center center/10px;border-radius:50%;cursor:pointer;transition:.3s;top:50%;transform:translateY(-50%)}
.about-page .box3 .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.about-page .box3 .next{right:0}
.about-page .box3 .swiper-pagination{display:none}

.about-page .box4{position:relative;padding:90px 0 100px}
.about-page .box4 .con{margin-top:40px;position:relative;z-index:2;max-width:1440px}
.about-page .box4 .swiper-container{border-radius:10px;}
.about-page .box4 .swiper-slide{height:auto;border-radius:10px;padding:40px;background:url(../images/11.jpg) no-repeat center center/cover}
.about-page .box4 .img-div{height:250px;margin-bottom:30px}
.about-page .box4 p{text-align:center;font-size:16px;line-height:26px}
.about-page .box4 .arrow{position:absolute;width:50px;height:50px;border:1px solid #eee;background:#fff url(../images/arrow.svg) no-repeat center center/10px;border-radius:50%;cursor:pointer;transition:.3s;top:50%;transform:translateY(-50%)}
.about-page .box4 .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.about-page .box4 .next{right:0}
.about-page .box4 .waves{width:100%;height:600px;position:absolute;bottom:0;left:0}
.about-page .box4 .swiper-pagination{display:none}

@media (max-width:1600px){
    .about-page .tit-name{font-size:43px;line-height:53px}
    .about-page .box1{padding:90px 0}
    .about-page .box2{padding:80px 0}
    .about-page .box3{padding-top:80px}
    .about-page .box3 .con{margin-top:80px}
    .about-page .box3 .prev{left:-20px}
    .about-page .box3 .next{right:-20px}
    .about-page .box4{padding:80px 0 90px}
    .about-page .box4 .prev{left:-20px}
    .about-page .box4 .next{right:-20px}
}

@media (max-width:1440px){
    .about-page .tit-name{font-size:38px;line-height:48px}
    .about-page .box1{padding:80px 0}
    .about-page .box1 .info{margin-top:80px;padding-right:80px}
    .about-page .box1 .num&gt;span:first-child{font-size:43px}
    .about-page .box2{padding:70px 0}
    .about-page .box3{padding-top:70px}
    .about-page .box3 .con{margin-top:60px}
    .about-page .box4{padding:70px 0 80px}
}

@media (max-width:750px){
    .about-page .tit{text-align:center}
    .about-page .tit-name{font-size:22px;line-height:32px;margin-bottom:10px}
    .about-page .tit-note{font-size:14px;line-height:24px}
    
    .about-page .box1{padding:50px 0}
    .about-page .box1::after{background-size:90%}
    .about-page .box1 .width{display:block}
    .about-page .box1 .info{padding-right:0;margin-top:0}
    .about-page .box1 .tit{text-align:center}
    .about-page .box1 .detail{font-size:16px;line-height:26px;margin:10px 0}
    .about-page .box1 .items{margin:30px 0 10px}
    .about-page .box1 .item{width:calc(50% - 10px);margin-right:20px;margin-bottom:20px;text-align:center}
    .about-page .box1 .item:nth-child(2n){margin-right:0}
    .about-page .box1 .num{justify-content:center}
    .about-page .box1 .num&gt;span:first-child{font-size:30px}
    .about-page .box1 .num&gt;span:last-child{margin:0 0 5px 5px}
    .about-page .box1 img{width:80%;margin:0 auto}
    
    .about-page .box2{padding:50px 0}
    .about-page .box2 .con{margin-top:30px;display:block}
    .about-page .box2 .items:first-child{width:100%;margin-right:0;height:250px;margin-bottom:20px}
    .about-page .box2 .items:nth-child(2) .item:first-child{margin-bottom:20px}
    .about-page .box2 .img-bg{border-radius:10px}
    .about-page .box2 .img{height:250px}
    .about-page .box2 .items:nth-child(2) .img{height:200px}
    .about-page .box2 .info{padding:10% 25px 25px;border-radius:0 0 10px 10px}
    .about-page .box2 .info&gt;p:first-child{font-size:18px;line-height:28px}
    .about-page .box2 .info&gt;p:last-child{margin-top:5px}
    
    .about-page .box3{background-size:220%;padding-top:50px}
    .about-page .box3 .con{margin-top:30px;width:100%}
    .about-page .box3 .arrow{display:none}
    .about-page .box3 .swiper-pagination{display:block}
    .about-page .box3 .swiper-pagination-bullet-active{background:#1c95d9}
    
    .about-page .box4{padding:50px 0}
    .about-page .box4 .con{margin-top:30px;width:100%}
    .about-page .box4 .img-div{height:200px;margin-bottom:20px}
    .about-page .box4 p{font-size:16px;line-height:26px}
    .about-page .box4 .arrow{display:none}
    .about-page .box4 .waves{height:300px}
    .about-page .box4 .swiper-pagination{display:block}
    .about-page .box4 .swiper-pagination-bullet-active{background:#1c95d9}
}

@media (any-hover:hover){
    .about-page .box2 .item:hover .img{transform:scale(1.1)}
    .about-page .box2 .item:hover .info{background:linear-gradient(to bottom,transparent 10%,rgba(28,149,217,.8) 90%)}
    
    .about-page .box2 .item:hover .info&gt;p:first-child{transform:translateY(0) !important}
    .about-page .box2 .item:hover .info&gt;p:last-child{transform:translateY(0) !important}
    
    .about-page .box3 .arrow:hover{background-color:#1c95d9;background-image:url(../images/arrow-w.svg);border-color:#1c95d9}
    
    .about-page .box4 .arrow:hover{background-color:#1c95d9;background-image:url(../images/arrow-w.svg);border-color:#1c95d9}
}

/*æ‹›è˜*/
.recruit-page{padding:90px 0 80px}
.recruit-page .tit-name{font-size:48px;line-height:58px;text-align:center}
.recruit-page .tit-note{font-size:16px;line-height:26px;color:#666;margin:20px 0 45px;text-align:center}
.recruit-page .row{height:80px;border-radius:10px;border:1px solid #eee;padding:0 50px;display:flex;align-items:center;cursor:pointer}
.recruit-page .row&gt;span{width:17.5%;font-size:16px;line-height:26px;text-align:center}
.recruit-page .row&gt;span:first-child{font-size:18px;line-height:28px;width:27%;position:relative;padding-left:30px;text-align:left}
.recruit-page .head{margin-bottom:20px}
.recruit-page .head .row{border-radius:10px 10px 0 0;background:#1c95d9;color:#fff;border:0}
.recruit-page .body{margin-bottom:20px}
.recruit-page .body .row&gt;span:first-child::before{content:'';position:absolute;width:4px;height:19px;background:#1c95d9;top:5px;left:0}
.recruit-page .row&gt;span:last-child{width:3%;height:0}
.recruit-page .body .row&gt;span:last-child{height:14px;background:url(../images/arrow.svg) no-repeat center center/14px;transition:.3s;transform:rotate(90deg)}
.recruit-page .content{display:none;padding:40px 80px 60px;border-radius:0 0 10px 10px;border:1px solid #eee;border-top:0}
.recruit-page .tit{font-size:18px}
.recruit-page .content&gt;p{font-size:16px;line-height:36px;color:#666;margin:15px 0 40px}
.recruit-page .email{font-size:16px;line-height:26px;color:#1c95d9;background:url(../images/12.png) no-repeat left 5px/20px;padding-left:30px}
.recruit-page .body.active .row{border:0;background:#f5f5f5;border-radius:10px 10px 0 0;}
.recruit-page .body.active .row&gt;span:last-child{transform:rotate(-90deg)}
.recruit-page .page{margin:50px 0 20px}
.recruit-page .m{display:none}

@media (max-width:1600px){
    .recruit-page .tit-name{font-size:43px;line-height:53px}
    .recruit-page{padding:80px 0 70px}
}

@media (max-width:1440px){
    .recruit-page .tit-name{font-size:38px;line-height:48px}
    .recruit-page .tit-note{margin:10px 0 35px}
    .recruit-page{padding:70px 0 60px}
    .recruit-page .row{height:70px}
}

@media (max-width:750px){
    .recruit-page{padding:50px 0 35px}
    .recruit-page .tit-name{font-size:22px;line-height:32px}
    .recruit-page .tit-note{font-size:14px;line-height:24px;margin:5px 0 20px}
    .recruit-page .row{height:60px;padding:0 25px}
    .recruit-page .row&gt;span{display:none;}
    .recruit-page .row&gt;span:first-child{display:block;font-size:16px;line-height:26px;width:calc(100% - 14px);padding:0 30px 0 15px}
    .recruit-page .head{margin-bottom:15px}
    .recruit-page .body{margin-bottom:15px}
    .recruit-page .body .row&gt;span:first-child::before{width:2px;height:16px;top:6px}
    .recruit-page .body .row&gt;span:last-child{width:14px;display:block}
    .recruit-page .content{padding:30px 25px}
    .recruit-page .tit{font-size:16px}
    .recruit-page .content&gt;p{font-size:14px;line-height:24px;margin:10px 0 30px}
    .recruit-page .email{font-size:14px;line-height:24px;padding-left:30px;background-position:left 3px}
    .recruit-page .page{margin:35px 0 15px}
    .recruit-page .m{display:none}
}

/*äº§å“*/
.goods-page.list{padding:80px 0 60px;background:#f5f5f5}

.goods-page.list .cate{display:flex;justify-content:center;box-shadow:0 0 20px rgba(0,0,0,.07);border-radius:10px;padding:40px;margin-bottom:50px;background:#fff}
.goods-page.list .swiper-slide{width:auto;margin-right:100px}
.goods-page.list .swiper-slide:last-child{margin-right:0}
.goods-page.list .cate .img-div{width:70px;height:100px;margin:0 auto 10px}
.goods-page.list .cate p{font-size:16px;text-align:center}
.goods-page.list .swiper-slide.active p{color:#1c95d9}

.goods-page.list ul{display:flex;flex-wrap:wrap}
.goods-page.list li{width:calc(100% / 3 - 26px);margin-right:39px;margin-bottom:40px;background:#fff;border-radius:20px;padding:50px 50px 0;position:relative;height:500px}
.goods-page.list li:nth-child(3n){margin-right:0}
.goods-page.list .img-div{height:320px;margin-bottom:40px}
.goods-page.list .info{display:flex;flex-direction:column}
.goods-page.list .info&gt;p{text-align:center;width:100%}
.goods-page.list .info&gt;p:nth-of-type(1){font-size:20px;margin-bottom:10px;}
.goods-page.list .info&gt;p:nth-of-type(2){color:#666;width:100%}
.goods-page.list .btn{display:none;width:186px;height:60px;margin:35px auto 0;line-height:58px;border-radius:30px;border:1px #fff solid;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s}
.goods-page.list .btn::after{content:'';position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}
.goods-page.list li .click{display:none}
.goods-page.list .page{margin:10px 0 40px}

.goods-page.detail .tit-name{font-size:36px;line-height:46px;text-align:center}

.goods-page.detail .crumb{padding:30px 0 60px;display:flex}
.goods-page.detail .crumb&gt;span{color:#999}
.goods-page.detail .crumb&gt;em{font-style:normal;margin:0 10px}

.goods-page.detail .box1{display:flex;padding-bottom:100px}
.goods-page.detail .box1 .pic{width:46.87%;position:relative}
.goods-page.detail .box1 .pic .img-div{border:1px solid #eee;border-radius:10px;margin-bottom:30px}
.goods-page.detail .box1 .pic .img-div&gt;img{border-radius:10px}
.goods-page.detail .box1 .tip{display:none;justify-content:center;align-items:center}
.goods-page.detail .box1 .tip&gt;span:first-child{width:25px;height:25px;background:url(../images/28.svg) no-repeat center center/25px;margin-right:10px}
.goods-page.detail .box1 .pic .mask{position:absolute;top:50%;transform:translateY(-50%);height:100px;left:0;width:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:16px}
.goods-page.detail .box1 .pic .mask&gt;span:first-child{width:50px;height:50px;background:url(../images/load.svg) no-repeat center 40%/50px;margin-bottom:20px;animation:load-play 2s linear infinite;transform:rotate(0)}
@keyframes load-play{
	from{transform:rotate(0)}
	to{transform:rotate(360deg)}
}
.goods-page.detail .box1 .info{width:53.13%;padding:30px 0 0 80px}
.goods-page.detail .box1 .tit-name{border-bottom:1px solid #eee;padding-bottom:20px;text-align:left}
.goods-page.detail .box1 .info&gt;p{font-size:16px;line-height:30px;color:#666;margin:15px 0 30px}
.goods-page.detail .box1 .info ul{display:flex;flex-wrap:wrap;margin-bottom:25px}
.goods-page.detail .box1 .info li{width:calc(25% - 7.5px);margin-right:10px;margin-bottom:10px;border:1px #eee solid;padding:20px;border-radius:5px;transition:.3s}
.goods-page.detail .box1 .info li:nth-child(4n){margin-right:0}
.goods-page.detail .box1 .info .img-div{width:27px;height:27px;margin:0 auto 10px}
.goods-page.detail .box1 .info li&gt;p{text-align:center;color:#666}
.goods-page.detail .box1 .info&gt;a{width:200px;height:60px;line-height:60px;border-radius:30px;background:#1c95d9 url(../images/13.png) no-repeat 50px center/20px;padding-left:85px;font-size:16px;color:#fff;transition:.3s}

.goods-page.detail .box2{padding:90px 0 100px}
.goods-page.detail .box2 .width{max-width:1100px}
.goods-page.detail .box2 .tab{display:flex;justify-content:center;margin:40px 0 60px}
.goods-page.detail .box2 .swiper-slide{width:240px;height:65px;line-height:65px;text-align:center;margin-right:20px;font-size:18px;background:#fff;border-radius:30px 30px 0 0;cursor:pointer}
.goods-page.detail .box2 .swiper-slide:last-child{margin-right:0}
.goods-page.detail .box2 .swiper-slide.active{background:#1c95d9;color:#fff}
.goods-page.detail .box2 .con{display:flex;align-items:center}
.goods-page.detail .box2 .info{flex:1;padding-right:50px}
.goods-page.detail .box2 .info&gt;p{padding-left:30px}
.goods-page.detail .box2 .info&gt;p:first-child{font-size:24px;line-height:34px;position:relative;margin-bottom:10px}
.goods-page.detail .box2 .info&gt;p:first-child::before{content:'';position:absolute;top:14px;left:4px;width:7px;height:7px;background:#1c95d9;border-radius:50%}
.goods-page.detail .box2 .info&gt;p:first-child::after{content:'';position:absolute;top:10px;left:0;width:15px;height:15px;background:rgba(28,149,217,.2);border-radius:50%}
.goods-page.detail .box2 .info&gt;p:last-child{line-height:24px;color:#666}
.goods-page.detail .box2 .img-div{width:60%}

.goods-page.detail .box3{padding:90px 0 50px}
.goods-page.detail .box3 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.goods-page.detail .box3 li{width:calc(100% / 3 - 32px);margin-right:48px;margin-bottom:50px;background:#fff;border-radius:30px;box-shadow:0 8px 24px rgba(141,197,228,.2);padding:40px 50px;transition:.3s}
.goods-page.detail .box3 li:nth-child(3n){margin-right:0}
.goods-page.detail .box3 li&gt;p:first-child{font-size:24px;line-height:34px;color:#1c95d9;margin-bottom:10px}
.goods-page.detail .box3 li&gt;p:last-child{font-size:16px;line-height:26px;color:#666}

.goods-page.detail .box4{padding-bottom:100px}
.goods-page.detail .box4 .swiper-container{margin-top:40px;border-radius:30px;box-shadow:0 0 24px rgba(141,197,228,.2)}
.goods-page.detail .box4 .swiper-slide{display:flex;align-items:center;}
.goods-page.detail .box4 .img-bg{width:51.56%;border-radius:30px 0 0 30px;position:relative}
.goods-page.detail .box4 .img{padding-bottom:60.6%}
.goods-page.detail .box4 .mask{position:absolute;width:100%;left:0;bottom:0;background:linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);height:40%}
.goods-page.detail .box4 .info{flex:1;padding:0 60px 0 90px}
.goods-page.detail .box4 .name{font-size:24px;line-height:34px;margin-bottom:30px}
.goods-page.detail .box4 .scroll{max-height:200px;overflow:hidden}
.goods-page.detail .box4 .scroll p{font-size:16px;line-height:26px;position:relative;margin-bottom:15px;padding-left:30px}
.goods-page.detail .box4 .scroll p::before{content:'';position:absolute;top:10px;left:4px;width:7px;height:7px;background:#1c95d9;border-radius:50%}
.goods-page.detail .box4 .scroll p::after{content:'';position:absolute;top:6px;left:0;width:15px;height:15px;background:rgba(28,149,217,.2);border-radius:50%}
.goods-page.detail .box4 .swiper-pagination{width:51.56%;bottom:25px}
.goods-page.detail .box4 .swiper-pagination-bullet{background:#fff;width:10px;height:10px}
.goods-page.detail .box4 .swiper-pagination-bullet-active{background:#1c95d9}

.goods-page.detail .box5{background:#f5fafd;padding:90px 0 60px}
.goods-page.detail .box5 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.goods-page.detail .box5 li{width:calc(100% / 3 - 26px);margin-right:39px;margin-bottom:40px;background:#fff;border-radius:20px;padding:50px 50px 0;position:relative;height:500px}
.goods-page.detail .box5 li:nth-child(3n){margin-right:0}
.goods-page.detail .box5 .img-div{height:320px;margin-bottom:40px}
.goods-page.detail .box5 .info{display:flex;flex-direction:column}
.goods-page.detail .box5 .info&gt;p{text-align:center;width:100%}
.goods-page.detail .box5 .info&gt;p:nth-of-type(1){font-size:20px;margin-bottom:10px;}
.goods-page.detail .box5 .info&gt;p:nth-of-type(2){color:#666;width:100%}
.goods-page.detail .box5 .btn{display:none;width:186px;height:60px;margin:35px auto 0;line-height:58px;border-radius:30px;border:1px #fff solid;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s}
.goods-page.detail .box5 .btn::after{content:'';position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}
.goods-page.detail .box5 .click{display:none}

@media (max-width:1600px){
    .goods-page.list{padding:70px 0 50px}
    .goods-page.detail .box1{padding-bottom:90px}
    .goods-page.detail .box2{padding:80px 0 90px}
    .goods-page.detail .box3{padding:80px 0 40px}
    .goods-page.detail .box4{padding-bottom:90px}
    .goods-page.detail .box4 .info{padding:0 50px 0 80px}
    .goods-page.detail .box5{padding:80px 0 50px}
}

@media (max-width:1440px){
    .goods-page.list{padding:60px 0 40px}
    .goods-page.list li{height:450px}
    .goods-page.list .img-div{height:270px}
    .goods-page.detail .box1 .tit-name{font-size:31px;line-height:41px}
    .goods-page.detail .box1{padding-bottom:80px}
    .goods-page.detail .box1 .info{padding:0 0 0 60px}
    .goods-page.detail .box1 .info&gt;a{width:150px;height:50px;line-height:48px;background-position:35px center;padding-left:65px;font-size:14px}
    .goods-page.detail .box2{padding:70px 0 80px}
    .goods-page.detail .box2 .swiper-slide{height:60px;line-height:60px}
    .goods-page.detail .box3{padding:70px 0 30px}
    .goods-page.detail .box3 li&gt;p:first-child{font-size:22px;line-height:32px}
    .goods-page.detail .box4{padding-bottom:80px}
    .goods-page.detail .box4 .info{padding:0 40px 0 60px}
    .goods-page.detail .box5{padding:70px 0 40px}
    .goods-page.detail .box5 li{height:450px}
    .goods-page.detail .box5 .img-div{height:270px}
        
}

@media (max-width:750px){
    .goods-page.list{padding:30px 0}

    .goods-page.list .cate{padding:25px;margin-bottom:30px}
    .goods-page.list .swiper-slide{margin-right:30px}
    .goods-page.list .cate .img-div{width:50px;height:80px}
    .goods-page.list .cate p{font-size:14px}
    
    .goods-page.list ul{display:block}
    .goods-page.list li{width:100%;margin-right:0;margin-bottom:20px;padding:50px 25px 30px;height:auto}
    .goods-page.list .img-div{height:200px;margin-bottom:20px}
    .goods-page.list .info&gt;p:nth-of-type(1){font-size:18px}
    .goods-page.list li .click{display:block}
    .goods-page.list .page{margin:30px 0 20px}
    
    .goods-page.detail .tit-name{font-size:22px;line-height:32px}
    
    .goods-page.detail .crumb{padding:20px 0;white-space:nowrap;overflow-x:auto}
    .goods-page.detail .crumb&gt;span{color:#999}
    .goods-page.detail .crumb&gt;em{font-style:normal;margin:0 10px}
    
    .goods-page.detail .box1{display:block;padding:30px 0 50px}
    .goods-page.detail .box1 .pic{width:100%;height:200px}
    .goods-page.detail .box1 .pic .img-div{margin-bottom:20px}
    .goods-page.detail .box1 .pic .mask{height:200px}
    .goods-page.detail .box1 .info{width:100%;padding:30px 0 0 0}
    .goods-page.detail .box1 .tit-name{padding-bottom:10px;text-align:center;font-size:20px}
    .goods-page.detail .box1 .info&gt;p{font-size:14px;line-height:24px;margin:15px 0 20px}
    .goods-page.detail .box1 .info ul{margin-bottom:10px}
    .goods-page.detail .box1 .info li{width:calc(50% - 10px);margin-right:20px;margin-bottom:20px}
    .goods-page.detail .box1 .info li:nth-child(2n){margin-right:0}
    .goods-page.detail .box1 .info li&gt;p{font-size:12px;line-height:20px}
    .goods-page.detail .box1 .info&gt;a{width:150px;height:45px;margin:0 auto;display:block;line-height:45px;background-position:30px center;background-size:16px;padding-left:60px;font-size:14px}
    
    .goods-page.detail .box2{padding:50px 0}
    .goods-page.detail .box2 .tab{justify-content:flex-start;margin:30px 0}
    .goods-page.detail .box2 .swiper-slide{width:auto;padding:0 20px;height:40px;line-height:40px;margin-right:10px;font-size:14px;border-radius:10px 10px 0 0}
    .goods-page.detail .box2 .con{display:block}
    .goods-page.detail .box2 .info{padding-right:0;margin-bottom:30px}
    .goods-page.detail .box2 .info&gt;p{padding-left:30px}
    .goods-page.detail .box2 .info&gt;p:first-child{font-size:18px;line-height:28px}
    .goods-page.detail .box2 .info&gt;p:first-child::before{top:11px}
    .goods-page.detail .box2 .info&gt;p:first-child::after{top:7px}
    .goods-page.detail .box2 .img-div{width:90%;margin:0 auto}
    
    .goods-page.detail .box3{padding:50px 0 30px}
    .goods-page.detail .box3 ul{display:block;margin-top:30px}
    .goods-page.detail .box3 li{width:100%;margin-right:0;margin-bottom:20px;border-radius:20px;padding:30px 25px;text-align:center}
    .goods-page.detail .box3 li&gt;p:first-child{font-size:18px;line-height:28px;margin-bottom:5px}
    .goods-page.detail .box3 li&gt;p:last-child{font-size:14px;line-height:24px}
    
    .goods-page.detail .box4{padding-bottom:50px}
    .goods-page.detail .box4 .swiper-container{margin-top:30px;border-radius:20px}
    .goods-page.detail .box4 .swiper-slide{display:block}
    .goods-page.detail .box4 .img-bg{width:100%;border-radius:20px 20px 0 0}
    .goods-page.detail .box4 .info{padding:30px 25px 50px}
    .goods-page.detail .box4 .name{font-size:18px;line-height:28px;margin-bottom:20px}
    .goods-page.detail .box4 .scroll{max-height:260px}
    .goods-page.detail .box4 .scroll p{font-size:14px;line-height:24px;margin-bottom:10px}
    .goods-page.detail .box4 .scroll p::before{top:9px}
    .goods-page.detail .box4 .scroll p::after{top:5px}
    .goods-page.detail .box4 .swiper-pagination{width:100%;bottom:20px}
    .goods-page.detail .box4 .swiper-pagination-bullet{background:#000;width:8px;height:8px}
    .goods-page.detail .box4 .swiper-pagination-bullet-active{background:#1c95d9}
    
    .goods-page.detail .box5{padding:50px 0 30px}
    .goods-page.detail .box5 ul{display:block;margin-top:30px}
    .goods-page.detail .box5 li{width:100%;margin-right:0;margin-bottom:20px;border-radius:10px;padding:50px 25px 30px;height:auto}
    .goods-page.detail .box5 .img-div{height:200px;margin-bottom:20px}
    .goods-page.detail .box5 .info&gt;p:nth-of-type(1){font-size:16px}
    .goods-page.detail .box5 .click{display:block}
}

@media (any-hover:hover){
    .goods-page.list .cate .swiper-slide:hover p{color:#1c95d9}
    
    .goods-page.list li:hover .info{position:absolute;top:0;left:0;width:100%;height:100%;padding:40% 50px 0;background:rgba(15,165,249,.8);border-radius:20px}
    .goods-page.list li:hover .info&gt;p:nth-of-type(1){font-size:24px;color:#fff}
    .goods-page.list li:hover .info&gt;p:nth-of-type(2){opacity:.8;color:#fff}
    .goods-page.list li:hover .btn{display:block}
    .goods-page.list .btn:hover{background:#136593;border-color:#136593}
    
    .goods-page.detail .box1 .info li:hover{transform:translateY(-3px)}
    .goods-page.detail .box1 .info&gt;a:hover{background-color:#136593}
    
    .goods-page.detail .box3 li:hover{transform:translateY(-5px)}
    
    .goods-page.detail .box4 .img-bg:hover .img{transform:scale(1.1)}
    
    .goods-page.detail .box5 li:hover .info{position:absolute;top:0;left:0;width:100%;height:100%;padding:40% 50px 0;background:rgba(15,165,249,.8);border-radius:20px}
    .goods-page.detail .box5 li:hover .info&gt;p:nth-of-type(1){font-size:24px;color:#fff}
    .goods-page.detail .box5 li:hover .info&gt;p:nth-of-type(2){opacity:.8;color:#fff}
    .goods-page.detail .box5 li:hover .btn{display:block}
    .goods-page.detail .box5 .btn:hover{background:#136593;border-color:#136593}
}

/*æœåŠ¡*/
.service-page .tit{text-align:center}
.service-page .tit&gt;p:first-child{font-size:48px;line-height:58px;margin-bottom:10px}
.service-page .tit&gt;p:last-child{font-size:16px;line-height:26px;color:#666}

.service-page .box1{padding:90px 0 60px;background:#f5f5f5}
.service-page .box1 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.service-page .box1 li{width:calc(100% / 3 - 26px);margin-right:39px;margin-bottom:40px;border-radius:20px;position:relative;padding:70px 50px;background:#fff}
.service-page .box1 li:nth-child(3n){margin-right:0}
.service-page .box1 .info{position:relative;z-index:2;text-align:center}
.service-page .box1 .img-div{width:50px;height:45px;margin:0 auto}
.service-page .box1 .info&gt;p:nth-of-type(1){font-size:20px;line-height:30px;margin:35px 0 10px}
.service-page .box1 .info&gt;p:nth-of-type(2){font-size:16px;line-height:26px;color:#666}
.service-page .box1 .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);border-radius:20px}

.service-page .box2{padding:90px 0 100px}
.service-page .box2 ul{display:flex;margin-top:40px}
.service-page .box2 ul li{width:180px;height:540px;margin-right:10px;padding:130px 30px 0;border-radius:20px;position:relative;overflow:hidden}
.service-page .box2 ul li:last-child{margin-right:0}
.service-page .box2 ul .info{position:absolute;left:0;bottom:0;width:100%;padding:10% 30px 30px;color:#fff;background:linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius:0 0 20px 20px}
.service-page .box2 ul .info&gt;p:nth-of-type(1){text-align:center;font-size:20px;line-height:30px}
.service-page .box2 ul .info&gt;p:nth-of-type(2){display:none;font-size:14px;opacity:.8;line-height:24px;margin-top:10px}
.service-page .box2 ul li.active{width:calc(100% - 570px)}
.service-page .box2 ul li.active .info&gt;p:nth-of-type(1){text-align:left}
.service-page .box2 ul li.active .info&gt;p:nth-of-type(2){display:block}
.service-page .box2 .swiper-container{display:none}

.service-page .box3{background:#f5f5f5;padding:90px 0 100px;position:relative}
.service-page .box3 .tab{margin:55px 0 45px}
.service-page .box3 .tab .swiper-slide{width:160px;margin-right:60px;position:relative;cursor:pointer}
.service-page .box3 .tab .swiper-slide:last-child{margin-right:0}
.service-page .box3 .tab .swiper-slide::after{content:'';position:absolute;top:0;right:-60px;width:60px;height:160px;background:url(../images/15.png) no-repeat center center/21px}
.service-page .box3 .tab .swiper-slide:last-child::after{display:none}
.service-page .box3 .tab .icon{width:160px;height:160px;border:1px #fff solid;background:#f5f5f5;border-radius:50%;margin:0 auto 15px}
.service-page .box3 .tab .img-div{background:#fff;margin:8px;width:142px;height:142px;border-radius:50%}
.service-page .box3 .tab .img-div&gt;img{max-width:30%;max-height:30%}
.service-page .box3 .tab .swiper-slide&gt;p{font-size:18px;line-height:28px;color:#666;text-align:center}
.service-page .box3 .tab .swiper-slide.active&gt;p{color:#1c95d9}
.service-page .box3 .con{border-radius:20px;box-shadow:0 0 24px rgba(0,0,0,.07);background:#fff}
.service-page .box3 .con .swiper-slide{padding:60px 70px;background:#fff;border-radius:20px;height:auto}
.service-page .box3 .con .swiper-slide&gt;p:first-child{color:#1c95d9;font-size:24px;line-height:34px;margin-bottom:20px}
.service-page .box3 .con .swiper-slide&gt;p:last-child{color:#666;font-size:16px;line-height:28px}
.service-page .box3 .waves{width:100%;height:600px;position:absolute;bottom:0;left:0}

@media (max-width:1600px){
    .service-page .tit&gt;p:first-child{font-size:43px;line-height:53px}
    .service-page .box1{padding:80px 0 50px}
    .service-page .box2{padding:80px 0 90px}
    .service-page .box3{padding:80px 0 90px}
    .service-page .box3 .tab .icon{width:150px;height:150px}
    .service-page .box3 .tab .img-div{width:132px;height:132px}
}

@media (max-width:1440px){
    .service-page .tit&gt;p:first-child{font-size:38px;line-height:48px}
    .service-page .box1{padding:70px 0 40px}
    .service-page .box1 li{width:calc(100% / 3 - 20px);margin-right:30px}
    .service-page .box2{padding:70px 0 80px}
    .service-page .box2 ul li{height:400px}
    .service-page .box3{padding:70px 0 80px}
    .service-page .box3 .tab .icon{width:140px;height:140px}
    .service-page .box3 .tab .img-div{width:122px;height:122px}
    .service-page .box3 .con .swiper-slide&gt;p:first-child{font-size:22px}
}

@media (max-width:750px){
    .service-page .tit&gt;p:first-child{font-size:22px;line-height:32px}
    .service-page .tit&gt;p:last-child{font-size:14px;line-height:24px}
    
    .service-page .box1{padding:50px 0 30px}
    .service-page .box1 ul{display:block;margin-top:30px}
    .service-page .box1 li{width:100%;margin-right:0;margin-bottom:20px;border-radius:10px;padding:30px 25px}
    .service-page .box1 .info{position:relative;z-index:2;text-align:center}
    .service-page .box1 .img-div{width:40px;height:35px}
    .service-page .box1 .info&gt;p:nth-of-type(1){font-size:18px;line-height:28px;margin:20px 0 5px}
    .service-page .box1 .info&gt;p:nth-of-type(2){font-size:14px;line-height:24px}
    
    .service-page .box2{padding:50px 0 30px}
    .service-page .box2 ul{display:none}
    .service-page .box2 .swiper-container{display:block;margin-top:30px;padding-bottom:30px}
    .service-page .box2 .swiper-slide{position:relative;padding-bottom:100%;border-radius:10px}
    .service-page .box2 .swiper-slide .info{position:absolute;left:0;bottom:0;width:100%;padding:10% 25px 25px;color:#fff;background:linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius:0 0 10px 10px}
    .service-page .box2 .swiper-slide .info&gt;p:nth-of-type(1){font-size:16px;line-height:26px;margin-bottom:5px}
    .service-page .box2 .swiper-slide .info&gt;p:nth-of-type(2){font-size:12px;opacity:.8;line-height:20px}
    .service-page .box2 .swiper-pagination{bottom:0}
    .service-page .box2 .swiper-pagination-bullet-active{background:#1c95d9}
    
    .service-page .box3{padding:50px 0}
    .service-page .box3 .tab{margin:30px 0}
    .service-page .box3 .tab .swiper-slide{width:80px;margin-right:30px}
    .service-page .box3 .tab .swiper-slide::after{right:-27px;width:20px;height:80px;background-size:15px}
    .service-page .box3 .tab .icon{width:80px;height:80px;margin:0 auto 10px}
    .service-page .box3 .tab .img-div{margin:4px;width:70px;height:70px}
    .service-page .box3 .tab .img-div&gt;img{max-width:40%;max-height:40%}
    .service-page .box3 .tab .swiper-slide&gt;p{font-size:12px;line-height:20px}
    .service-page .box3 .con{border-radius:10px}
    .service-page .box3 .con .swiper-slide{padding:30px 25px;border-radius:10px}
    .service-page .box3 .con .swiper-slide&gt;p:first-child{font-size:18px;line-height:28px;margin-bottom:10px}
    .service-page .box3 .con .swiper-slide&gt;p:last-child{font-size:14px;line-height:24px}
    .service-page .box3 .waves{height:300px}
}

@media (any-hover:hover){
    .service-page .box1 li:hover .info&gt;p:nth-of-type(1){color:#fff}
    .service-page .box1 li:hover .info&gt;p:nth-of-type(2){color:#fff}
    .service-page .box1 li:hover .mask{display:block}
}

/*æ–¹æ¡ˆ*/
.plan-page .tit{text-align:center}
.plan-page .tit&gt;p:first-child{font-size:36px;line-height:46px}
.plan-page .tit&gt;p:nth-child(2){font-size:16px;line-height:30px;color:#666;width:77%;margin:10px auto 0}

.plan-page .box1{padding:90px 0 70px}
.plan-page .box1 .width&gt;.img-div{margin:60px 0 30px}
.plan-page .box1 ul{display:flex;flex-wrap:wrap;margin-top:50px}
.plan-page .box1 li{width:calc(100% / 6 - 25px);margin-right:30px;margin-bottom:30px;transition:.3s}
.plan-page .box1 li:nth-child(6n){margin-right:0}
.plan-page .box1 li .img-div{width:90px;height:90px;background:#fff;border-radius:50%;margin:0 auto 15px}
.plan-page .box1 li .img-div&gt;img{max-width:40%;max-height:40%}
.plan-page .box1 li&gt;p{font-size:16px;line-height:26px;text-align:center}

.plan-page .box2{padding:90px 0}
.plan-page .box2 .con{margin-top:40px;position:relative;max-width:1435px}
.plan-page .box2 .con .swiper-slide{width:160px;height:390px;border-radius:20px;position:relative;margin-right:25px}
.plan-page .box2 .con .swiper-slide:last-child{margin-right:0}
.plan-page .box2 .con .swiper-slide.active{width:720px}
.plan-page .box2 .con .img-bg{height:100%;border-radius:20px}
.plan-page .box2 .con .img{height:100%}
.plan-page .box2 .con .info{position:absolute;bottom:0;left:0;width:100%;padding:50% 25px 25px;background:linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius:0 0 20px 20px;display:flex;flex-direction:column;justify-content:center}
.plan-page .box2 .con .info&gt;p{color:#fff;text-align:center}
.plan-page .box2 .con .info&gt;p:first-child{font-size:20px;line-height:30px}
.plan-page .box2 .con .info&gt;p:last-child{display:none;opacity:.8;line-height:24px;margin-top:15px}
.plan-page .box2 .con .swiper-slide.active .info{padding:0 100px 0 60px;height:100%;background:rgba(0,0,0,.7);border-radius:20px}
.plan-page .box2 .con .swiper-slide.active .info&gt;p{text-align:left}
.plan-page .box2 .con .swiper-slide.active .info&gt;p:last-child{display:block}
.plan-page .box2 .con .arrow{position:absolute;top:50%;background:#eef2f4 url(../images/arrow.svg) no-repeat center center/10px;border-radius:50%;width:50px;height:50px;transform:translateY(-50%);cursor:pointer;transition:.3s}
.plan-page .box2 .con .prev{left:0;transform:translateY(-50%) rotate(180deg)}
.plan-page .box2 .con .next{right:0}
.plan-page .box2 .m{display:none}

.plan-page .box3{padding-bottom:100px}
.plan-page .box3 ul{display:flex;margin-top:40px}
.plan-page .box3 li{width:300px;height:390px;margin-right:30px;border-radius:20px;position:relative;overflow:hidden}
.plan-page .box3 li:last-child{margin-right:0}
.plan-page .box3 .img-bg{display:none}
.plan-page .box3 .info{position:absolute;left:0;bottom:0;width:100%;padding:10% 30px 30px;color:#fff;background:linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius:0 0 20px 20px}
.plan-page .box3 .info&gt;p:nth-of-type(1){font-size:20px;line-height:30px}
.plan-page .box3 .info&gt;p:nth-of-type(2){display:none;width:88%;font-size:16px;opacity:.8;line-height:30px;margin-top:10px}
.plan-page .box3 li.active{width:calc(100% - 330px)}
.plan-page .box3 li.active .info&gt;p:nth-of-type(2){display:block}

.plan-page .box4{padding:90px 0 100px}
.plan-page .box4 .tit{color:#fff}
.plan-page .box4 .tit&gt;p:nth-child(2){color:#fff}
.plan-page .box4 .swiper-container{display:none}

.plan-page .box5{padding:90px 0 60px}
.plan-page .box5 ul{display:flex;flex-wrap:wrap;margin-top:40px}
.plan-page .box5 li{width:calc(100% / 3 - 26px);margin-right:39px;margin-bottom:40px;background:#f5f7f8;border-radius:20px;padding:50px 50px 0;position:relative;height:500px}
.plan-page .box5 li:nth-child(3n){margin-right:0}
.plan-page .box5 .img-div{height:320px;margin-bottom:40px}
.plan-page .box5 .info{display:flex;flex-direction:column}
.plan-page .box5 .info&gt;p{text-align:center;width:100%}
.plan-page .box5 .info&gt;p:nth-of-type(1){font-size:20px;margin-bottom:10px;}
.plan-page .box5 .info&gt;p:nth-of-type(2){color:#666;width:100%}
.plan-page .box5 .btn{display:none;width:186px;height:60px;margin:35px auto 0;line-height:58px;border-radius:30px;border:1px #fff solid;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s}
.plan-page .box5 .btn::after{content:'';position:absolute;right:8px;top:8px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}
.plan-page .box5 .click{display:none}

.plan-page .box6{padding:90px 0 100px}
.plan-page .box6 .con{margin-top:40px;display:flex}
.plan-page .box6 .item{width:32.03%;height:550px}
.plan-page .box6 .img-bg{height:100%;position:relative;border-radius:10px}
.plan-page .box6 .img{height:100%}
.plan-page .box6 .info{position:absolute;bottom:0;left:0;width:100%;text-align:center;background:linear-gradient(to bottom,transparent 10%,rgba(0,0,0,.8) 90%);border-radius:0 0 10px 10px;padding:20% 40px 30px;color:#fff;transition:padding .5s}
.plan-page .box6 .info&gt;p:first-child{font-size:20px;line-height:30px;margin-bottom:10px}
.plan-page .box6 .info&gt;p:last-child{line-height:24px;opacity:.8}
.plan-page .box6 .item:nth-child(2){flex:1;display:flex;flex-wrap:wrap}
.plan-page .box6 .item:nth-child(2) .img-bg{width:calc(50% - 30px);height:260px;margin-left:30px}
.plan-page .box6 .item:nth-child(2) .img-bg:first-child,.plan-page .box6 .item:nth-child(2) .img-bg:nth-child(2){margin-bottom:30px}

.plan-page .box7{padding:90px 0 80px}
.plan-page .box7 .con{display:flex;align-items:center;margin-top:60px}
.plan-page .box7 ul{flex:1;padding-right:9%}
.plan-page .box7 li{background:#fff;border-radius:10px;padding:30px;margin-bottom:20px;transition:.3s}
.plan-page .box7 li .img-div{width:41px;height:36px}
.plan-page .box7 li&gt;p:nth-of-type(1){font-size:20px;line-height:30px;margin:15px 0 10px}
.plan-page .box7 li&gt;p:nth-of-type(2){color:#666;line-height:24px}
.plan-page .box7 .con&gt;.img-div{width:53.12%}

@media (max-width:1600px){
    .plan-page .box1{padding:80px 0 60px}
    .plan-page .box2{padding:80px 0}
    .plan-page .box2 .con .prev{left:-20px}
    .plan-page .box2 .con .next{right:-20px}
    .plan-page .box3{padding-bottom:90px}
    .plan-page .box4{padding:80px 0 90px}
    .plan-page .box5{padding:80px 0 50px}
    .plan-page .box6{padding:80px 0 90px}
    .plan-page .box7{padding:80px 0 70px}
    .plan-page .box7 ul{padding-right:8%}
}

@media (max-width:1440px){
    .plan-page .tit&gt;p:first-child{font-size:31px;line-height:41px}
    .plan-page .box1{padding:70px 0 50px}
    .plan-page .box2{padding:70px 0}
    .plan-page .box2 .con .swiper-slide{margin-right:15px}
    .plan-page .box2 .con .swiper-slide{height:340px}
    .plan-page .box3{padding-bottom:80px}
    .plan-page .box3 li{height:340px;margin-right:20px}
    .plan-page .box3 li.active{width:calc(100% - 320px)}
    .plan-page .box4{padding:70px 0 80px}
    .plan-page .box5{padding:70px 0 40px}
    .plan-page .box5 li{height:450px}
    .plan-page .box5 .img-div{height:270px}
    .plan-page .box6{padding:70px 0 80px}
    .plan-page .box7{padding:70px 0 60px}
    .plan-page .box7 ul{padding-right:7%}
}

@media (max-width:750px){
    .plan-page .tit&gt;p:first-child{font-size:22px;line-height:32px}
    .plan-page .tit&gt;p:nth-child(2){font-size:14px;line-height:24px;width:100%}
    
    .plan-page .box1{padding:50px 0 20px}
    .plan-page .box1 .width&gt;.img-div{margin:30px 0}
    .plan-page .box1 ul{margin:0 0 10px}
    .plan-page .box1 li{width:calc(50% - 10px);margin-right:20px;margin-bottom:20px}
    .plan-page .box1 li:nth-child(6n){margin-right:20px}
    .plan-page .box1 li:nth-child(2n){margin-right:0}
    .plan-page .box1 li .img-div{width:80px;height:80px;margin:0 auto 10px}
    .plan-page .box1 li .img-div&gt;img{max-width:40%;max-height:40%}
    .plan-page .box1 li&gt;p{font-size:14px;line-height:24px}
    
    .plan-page .box2{padding:50px 0}
    .plan-page .box2 .con{display:none}
    .plan-page .box2 .m{display:block;margin-top:30px}
    .plan-page .box2 .m .swiper-container{border-radius:10px}
    .plan-page .box2 .m .swiper-slide{border-radius:10px;background:#f5f5f5;height:auto}
    .plan-page .box2 .m .img-bg{border-radius:10px 10px 0 0}
    .plan-page .box2 .m .img{padding-bottom:54.16%}
    .plan-page .box2 .m .info{padding:30px 25px 50px;text-align:center}
    .plan-page .box2 .m .info&gt;p:first-child{font-size:18px;line-height:28px;margin-bottom:10px}
    .plan-page .box2 .m .info&gt;p:last-child{line-height:24px}
    .plan-page .box2 .m .swiper-pagination-bullet-active{background:#1c95d9}
    
    .plan-page .box3{padding-bottom:30px}
    .plan-page .box3 ul{display:block;margin-top:30px}
    .plan-page .box3 li{width:100%;height:auto;background:#f5f5f5 !important;margin-right:0;border-radius:10px;margin-bottom:20px}
    .plan-page .box3 .img-bg{display:block}
    .plan-page .box3 .img{padding-bottom:41.05%}
    .plan-page .box3 .info{position:static;padding:30px 25px;background:none;color:#333;text-align:center}
    .plan-page .box3 .info&gt;p:nth-of-type(1){font-size:16px;line-height:26px}
    .plan-page .box3 .info&gt;p:nth-of-type(2){display:block;width:100%;font-size:14px;line-height:24px;margin-top:10px}
    .plan-page .box3 li.active{width:100%}
    
    .plan-page .box4{padding:50px 0}
    .plan-page .box4 .empile{display:none}
    .plan-page .box4 .swiper-container{margin-top:30px;display:block;border-radius:10px}
    .plan-page .box4 .swiper-slide{background:#fff;border-radius:10px;height:auto}
    .plan-page .box4 .swiper-slide .img-bg{border-radius:10px 10px 0 0}
    .plan-page .box4 .swiper-slide .img{padding-bottom:75%}
    .plan-page .box4 .swiper-slide .info{padding:30px 25px 50px}
    .plan-page .box4 .swiper-slide .img-div{width:100%;height:40px;justify-content:flex-start;margin-bottom:20px}
    .plan-page .box4 .swiper-slide .name{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}
    .plan-page .box4 .swiper-slide .info&gt;p:nth-of-type(1){color:#999;margin-bottom:5px}
    .plan-page .box4 .swiper-slide .info&gt;a{font-size:18px;margin-bottom:10px}
    .plan-page .box4 .swiper-slide .info&gt;p:nth-of-type(2){line-height:24px;color:#666}
    .plan-page .box4 .swiper-pagination-bullet-active{background:#1c95d9}
    
    .plan-page .box5{padding:50px 0 30px}
    .plan-page .box5 ul{display:block;margin-top:30px}
    .plan-page .box5 li{width:100%;margin-right:0;margin-bottom:20px;border-radius:10px;padding:50px 25px 30px;height:auto}
    .plan-page .box5 .img-div{height:200px;margin-bottom:20px}
    .plan-page .box5 .info&gt;p:nth-of-type(1){font-size:16px;margin-bottom:10px}
    .plan-page .box5 .click{display:block}
    
    .plan-page .box6{padding:50px 0 20px}
    .plan-page .box6 .con{margin-top:30px;display:block}
    .plan-page .box6 .item{width:100%;height:auto}
    .plan-page .box6 .item .img-bg{margin-bottom:30px;height:300px}
    .plan-page .box6 .info{padding:10% 25px 30px}
    .plan-page .box6 .info&gt;p:first-child{font-size:16px;line-height:26px;margin-bottom:5px}
    .plan-page .box6 .item:nth-child(2){display:block}
    .plan-page .box6 .item:nth-child(2) .img-bg{width:100%;height:220px;margin-left:0;margin-bottom:30px}
    
    .plan-page .box7{padding:50px 0 30px}
    .plan-page .box7 .con{display:block;margin-top:30px}
    .plan-page .box7 ul{padding-right:0;margin-bottom:30px}
    .plan-page .box7 li{padding:30px 25px;text-align:center}
    .plan-page .box7 li .img-div{width:35px;height:31px;margin:0 auto}
    .plan-page .box7 li&gt;p:nth-of-type(1){font-size:16px;line-height:26px}
    .plan-page .box7 .con&gt;.img-div{width:90%;margin:0 auto}
}

@media (any-hover:hover){
    .plan-page .box1 li:hover{transform:translateY(-5px)}
    
    .plan-page .box2 .con .arrow:hover{background-color:#1c95d9;background-image:url(../images/arrow-w.svg)}
    
    .plan-page .box5 li:hover .info{position:absolute;top:0;left:0;width:100%;height:100%;padding:40% 50px 0;background:rgba(15,165,249,.8);border-radius:20px}
    .plan-page .box5 li:hover .info&gt;p:nth-of-type(1){font-size:24px;color:#fff}
    .plan-page .box5 li:hover .info&gt;p:nth-of-type(2){opacity:.8;color:#fff}
    .plan-page .box5 li:hover .btn{display:block}
    .plan-page .box5 .btn:hover{background:#136593;border-color:#136593}
    
    .plan-page .box6 .img-bg:hover&gt;.img{transform:scale(1.1)}
    .plan-page .box6 .img-bg:hover .info{padding:50px 40px;display:flex;flex-direction:column;justify-content:center;background:rgba(0,0,0,.5);height:100%}
    .plan-page .box6 .img-bg:hover .info&gt;p:last-child{opacity:1}
    
    .plan-page .box7 li:hover{transform:translateY(-5px)}
}

/*æ¡ˆä¾‹*/
.cases-page{padding:90px 0 100px}
.cases-page .name{text-align:center;font-size:36px;line-height:46px;margin-bottom:50px}
.cases-page .content{border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:40px 60px 70px;margin-bottom:40px}
.cases-page .content p{font-size:16px;color:#666;line-height:32px}
.cases-page .content a{display:inline-block}
.cases-page .content img{margin:0 auto;max-width:100%;height:auto !important}
.cases-page .info&gt;a{font-size:16px;color:#666;line-height:32px}

@media (max-width:1600px){
    .cases-page{padding:80px 0 90px}
    .cases-page .name{margin-bottom:40px}
}

@media (max-width:1440px){
    .cases-page{padding:70px 0 80px}
    .cases-page .name{margin-bottom:30px;font-size:32px;line-height:42px}
    .cases-page .content{padding:40px 50px 50px}
}

@media (max-width:750px){
    .cases-page{padding:30px 0 50px}
    .cases-page .name{font-size:22px;line-height:32px;margin-bottom:20px}
    .cases-page .content{padding:20px 0;margin-bottom:20px}
    .cases-page .content p{font-size:14px;line-height:24px}
    .cases-page .info&gt;a{font-size:14px;line-height:24px}
}

@media (any-hover:hover){
    .cases-page .info&gt;a:hover{color:#1c95d9}
    .cases-page .btn&gt;a:hover{background:#1c95d9}
}

/*ä¸‹è½½*/
.download-page{padding:100px 0 70px;background:#f5f5f5}
.download-page li{background:#fff;display:flex;font-size:16px;line-height:26px;padding:25px 50px;margin-bottom:30px;cursor:pointer;transition:.3s;position:relative;align-items:center}
.download-page li&gt;p{flex:1}
.download-page li&gt;p:nth-of-type(1){flex:2;padding-right:30px}
.download-page li&gt;span{width:20px;height:20px;background:url(../images/17.png) no-repeat center center/20px}
.download-page .page{margin:60px 0 30px}

.download-page .popup{position:fixed;z-index:999;display:none;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3)}
.download-page .popup .con{padding:60px 70px 0;width:540px;height:500px;position:absolute;top:calc(50% - 250px);left:calc(50% - 270px);background:#fff}
.download-page .popup .close{position:absolute;top:30px;right:30px;background:#f5f5f5 url(../images/close.svg) no-repeat center center/16px;width:38px;height:38px;border-radius:50%;cursor:pointer}
.download-page .popup .con&gt;p:nth-of-type(1){font-size:30px;text-align:center;margin-bottom:40px}
.download-page .popup .input{margin-bottom:25px;border-bottom:1px solid rgba(0,0,0,.1);display:flex}
.download-page .popup input{width:100%;line-height:45px;font-size:16px;color:#666}
.download-page .popup input::placeholder{font-size:16px;color:rgba(0,0,0,.4)}
.download-page .popup .input&gt;span{font-size:16px;color:rgba(0,0,0,.4);width:150px;text-align:right;padding-left:20px;line-height:45px;cursor:pointer}
.download-page .popup .con&gt;p:nth-of-type(2){margin-top:40px;width:100%;font-size:16px;text-align:center;line-height:50px;background:#1c95d9;color:#fff;cursor:pointer;transition:.3s}

@media (max-width:1600px){
    .download-page{padding:90px 0 60px}
}

@media (max-width:1440px){
    .download-page{padding:80px 0 50px}
}

@media (max-width:750px){
    .download-page{padding:30px 0}
    .download-page li{font-size:14px;padding:15px 15px 15px 25px;margin-bottom:20px}
    .download-page li&gt;p:nth-of-type(1){padding-right:20px}
    .download-page li&gt;p:nth-of-type(2){display:none}
    .download-page li&gt;p:nth-of-type(3){font-size:12px;width:70px}
    .download-page li&gt;span{width:15px;height:15px;background-size:15px}
    .download-page .page{margin:30px 0 0}
    
    .download-page .popup{z-index:2147482201}
    .download-page .popup .con{padding:30px 25px 0;width:90%;height:320px;top:calc(50% - 160px);left:5%}
    .download-page .popup .close{top:25px;right:25px;width:30px;height:30px}
    .download-page .popup .con&gt;p:nth-of-type(1){font-size:22px;margin-bottom:10px}
    .download-page .popup .input{margin-bottom:10px}
    .download-page .popup input{line-height:40px;font-size:14px}
    .download-page .popup input::placeholder{font-size:14px}
    .download-page .popup .input&gt;span{font-size:14px;width:150px;line-height:40px}
    .download-page .popup .con&gt;p:nth-of-type(2){margin-top:20px;font-size:14px;line-height:40px}
}

@media (any-hover:hover){
    .download-page li:hover{background:#1c95d9;color:#fff}
    .download-page li:hover&gt;span{background-image:url(../images/17-h.png)}
    
    .download-page .popup .con&gt;a:hover{background:#136593}
}

/*æ–°é—»*/
.news-page.list{padding:100px 0}
.news-page.list .best{margin-bottom:40px;display:flex;align-items:center}
.news-page.list .best .img-bg{width:50.78%;border-radius:20px}
.news-page.list .best .img{padding-bottom:61.53%}
.news-page.list .best .info{width:49.22%;padding-left:60px}
.news-page.list .best .info&gt;p{font-size:16px;color:#666;line-height:30px}
.news-page.list .best .info&gt;a:nth-of-type(1){font-size:24px;color:#666;margin:10px 0 20px}
.news-page.list .best .info&gt;a:nth-of-type(2){width:188px;height:62px;line-height:60px;border-radius:30px;background:#1c95d9;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s;margin-top:55px}
.news-page.list .best .info&gt;a:nth-of-type(2)::after{content:'';position:absolute;right:9px;top:9px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}

.news-page.list li{padding:40px 0;border-bottom:1px solid  rgba(0,0,0,.1);display:flex;align-items:center}
.news-page.list li .time{width:75px}
.news-page.list li .time&gt;p{text-align:center;color:#999;font-size:16px}
.news-page.list li .time&gt;p:first-child{font-size:60px;border-bottom:1px #eee solid;margin-bottom:10px}
.news-page.list li .info{width:calc(76.57% - 75px);padding:0 160px 0 80px}
.news-page.list li .info&gt;a{font-size:20px;margin-bottom:20px}
.news-page.list li .info&gt;p{font-size:16px;color:#666;line-height:30px}
.news-page.list li .img-bg{width:23.43%;border-radius:10px}
.news-page.list li .img{padding-bottom:66.66%}
.news-page.list .page{margin-top:60px}

.news-page.detail{padding:90px 0 100px}
.news-page.detail .name{text-align:center;font-size:36px;line-height:46px}
.news-page.detail .time{display:flex;justify-content:center;font-size:16px;color:#999;margin:15px 0 50px}
.news-page.detail .time&gt;span:first-child{margin-right:50px}
.news-page.detail .content{border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:40px 60px 70px;margin-bottom:40px}
.news-page.detail .content p{font-size:16px;color:#666;line-height:32px;word-break:break-all}
.news-page.detail .content span{text-wrap:wrap !important}
.news-page.detail .content a{display:inline-block}
.news-page.detail .content img{margin:0 auto;max-width:100%;height:auto !important}
.news-page.detail .jump{display:flex;align-items:center}
.news-page.detail .info{width:calc(100% - 250px)}
.news-page.detail .info&gt;a{font-size:16px;color:#666;line-height:32px}
.news-page.detail .btn{width:250px;display:flex;justify-content:flex-end}
.news-page.detail .btn&gt;a{width:188px;height:62px;line-height:60px;border-radius:30px;background:#1c95d9;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s}
.news-page.detail .btn&gt;a::after{content:'';position:absolute;right:9px;top:9px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}

@media (max-width:1600px){
    .news-page.list{padding:90px 0}
    .news-page.list .best{margin-bottom:30px}
    .news-page.list li{padding:35px 0}
    .news-page.list li .info{padding:0 140px 0 70px}
    .news-page.detail{padding:80px 0 90px}
}

@media (max-width:1440px){
    .news-page.list{padding:80px 0}
    .news-page.list .best{margin-bottom:20px}
    .news-page.list li{padding:30px 0}
    .news-page.list li .info{padding:0 120px 0 60px}
    .news-page.list .best .info&gt;a:nth-of-type(2){width:150px;height:50px;line-height:48px;font-size:14px;padding-left:35px;margin-top:40px}
    .news-page.list .best .info&gt;a:nth-of-type(2)::after{width:40px;height:40px;top:5px;right:5px}
    .news-page.list li .time&gt;p:first-child{font-size:50px}
    .news-page.detail{padding:70px 0 80px}
    .news-page.detail .name{font-size:32px;line-height:42px}
    .news-page.detail .content{padding:40px 50px 50px}
    .news-page.detail .btn&gt;a{width:150px;height:50px;line-height:48px;font-size:14px;padding-left:35px}
    .news-page.detail .btn&gt;a::after{width:40px;height:40px;top:5px;right:5px}
}

@media (max-width:750px){
    .news-page.list{padding:30px 0 20px}
    .news-page.list .best{margin-bottom:30px;display:block}
    .news-page.list .best .img-bg{width:100%;border-radius:10px}
    .news-page.list .best .info{padding:20px 0 0 0}
    .news-page.list .best .info&gt;p{font-size:14px;line-height:24px}
    .news-page.list .best .info&gt;a:nth-of-type(1){font-size:18px;margin:5px 0 10px}
    .news-page.list .best .info&gt;a:nth-of-type(2){width:150px;height:45px;line-height:45px;font-size:14px;padding-left:35px;margin-top:20px}
    .news-page.list .best .info&gt;a:nth-of-type(2)::after{right:5px;top:5px;width:35px;height:35px;background-size:14px}
    
    .news-page.list li{padding:200px 0 30px;margin-bottom:30px;position:relative}
    .news-page.list li .time{width:55px}
    .news-page.list li .time&gt;p{font-size:14px}
    .news-page.list li .time&gt;p:first-child{font-size:25px;margin-bottom:5px}
    .news-page.list li .info{width:calc(100% - 55px);padding:20px 0 0 20px}
    .news-page.list li .info&gt;a{font-size:16px;margin-bottom:10px}
    .news-page.list li .info&gt;p{font-size:14px;line-height:24px}
    .news-page.list li .img-bg{width:100%;position:absolute;top:0;left:0;height:200px}
    .news-page.list .page{margin:30px 0}
    
    .news-page.detail{padding:50px 0}
    .news-page.detail .name{font-size:22px;line-height:32px}
    .news-page.detail .time{font-size:14px;margin:15px 0 20px}
    .news-page.detail .time&gt;span:first-child{margin-right:20px}
    .news-page.detail .content{padding:20px 0;margin-bottom:30px}
    .news-page.detail .content p{font-size:14px;line-height:24px}
    .news-page.detail .jump{display:block}
    .news-page.detail .info&gt;a{font-size:14px;line-height:24px}
    .news-page.detail .btn{width:100%;display:block;margin-top:20px}
    .news-page.detail .btn&gt;a{width:150px;height:45px;line-height:45px;font-size:14px;padding-left:35px}
    .news-page.detail .btn&gt;a::after{right:5px;top:5px;width:35px;height:35px;background-size:14px}
}

@media (any-hover:hover){
    .news-page.list .best .info&gt;a:nth-of-type(1):hover{color:#1c95d9}
    .news-page.list .best .info&gt;a:nth-of-type(2):hover{background:#136593}
    .news-page.list li:hover .info&gt;a{color:#1c95d9}
    .news-page.list li:hover .time&gt;p{color:#1c95d9}
    .news-page.list li:hover .time&gt;p:first-child{border-color:#1c95d9}
    
    .news-page.detail .info&gt;a:hover{color:#1c95d9}
    .news-page.detail .btn&gt;a:hover{background:#1c95d9}
}

/*è”ç³»*/
.contact-page{padding:90px 0 100px;background-position:center top;background-color:#f8fafb;background-size:100%}
.contact-page .tit{text-align:center;font-size:18px;line-height:28px;margin-bottom:50px}
.contact-page .tit&gt;p:first-child{font-size:48px;line-height:58px;margin-bottom:10px}

.contact-page .form{background:#fff;border-radius:30px;padding:60px 100px;margin:15px 0 100px;box-shadow:0 0 40px rgba(46,52,56,.1)}
.contact-page .form&gt;p{text-align:center;font-size:24px;margin-bottom:40px}
.contact-page .form ul{display:flex;flex-wrap:wrap}
.contact-page .form li{width:calc(50% - 20px);margin-right:40px;margin-bottom:35px}
.contact-page .form li:nth-child(2n){margin-right:0}
.contact-page .form li:last-child{width:100%;margin-right:0}
.contact-page .form li&gt;p{font-size:16px;margin-bottom:10px}
.contact-page .form li&gt;p&gt;span{color:red;margin-left:5px}
.contact-page .form li&gt;input{border:1px solid rgba(0,0,0,.1);border-radius:10px;height:56px;width:100%;padding:0 20px}
.contact-page .form li&gt;textarea{border:1px solid rgba(0,0,0,.1);border-radius:10px;height:200px;width:100%;padding:20px}
.contact-page .form .btn{width:188px;height:62px;margin:0 auto;line-height:60px;border-radius:30px;background:#1c95d9;font-size:16px;color:#fff;padding-left:45px;position:relative;transition:.3s;cursor:pointer}
.contact-page .form .btn::after{content:'';position:absolute;right:9px;top:9px;width:44px;height:44px;border-radius:50%;background:#fff url(../images/arrow1.png) no-repeat center center/16px}

.contact-page .info{display:flex;background:#fff;border-radius:30px;box-shadow:0 0 40px rgba(46,52,56,.1);align-items:center}
.contact-page .info ul{flex:1;padding:0 80px}
.contact-page .info li{display:flex;margin-bottom:35px}
.contact-page .info li:last-child{margin-bottom:0}
.contact-page .info .img-div{width:44px;height:37px;margin:10px 20px 0 0}
.contact-page .info .txt{width:calc(100% - 44px)}
.contact-page .info .txt&gt;p:first-child{font-size:16px;color:#999;margin-bottom:10px}
.contact-page .info .txt&gt;p:last-child{font-size:24px;line-height:34px}
.contact-page .info .address&gt;p:last-child{font-size:20px;line-height:30px}
.contact-page #map{width:50%;height:500px;border-radius:0 20px 20px 0}
.contact-page .BMap_cpyCtrl,.contact-page .BMap_stdMpCtrl,.contact-page .anchorBL,.contact-page .BMap_omCtrl,.contact-page .BMap_noprint{display:none}
.contact-page .BMapLabel{width:291px;height:100px;border:0 !important;border-radius:10px;background:url(../images/map1.png) !important}
.contact-page .map-tit{height:100px;padding:15px 30px 0;background:url(../images/map1.png);display:flex}
.contact-page .map-tit&gt;img{width:41px;height:54px;margin-right:15px}
.contact-page .map-tit&gt;div{flex:1}
.contact-page .map-tit&gt;div&gt;p{color:#fff}
.contact-page .map-tit&gt;div&gt;p:nth-of-type(1){font-size:18px;margin:5px 0}

@media (max-width:1600px){
    .contact-page{padding:80px 0 90px}
    .contact-page .tit&gt;p:first-child{font-size:43px;line-height:53px}
    .contact-page .form{padding:60px 90px}
}

@media (max-width:1440px){
    .contact-page{padding:70px 0 80px}
    .contact-page .tit&gt;p:first-child{font-size:38px;line-height:48px}
    .contact-page .form{padding:50px 80px}
    .contact-page .form .btn{width:150px;height:50px;line-height:48px;font-size:14px;padding-left:35px}
    .contact-page .form .btn::after{width:40px;height:40px;top:5px;right:5px}
    .contact-page .info ul{padding:0 70px}
    .contact-page .info .txt&gt;p:last-child{font-size:20px;line-height:30px}
}

@media (max-width:750px){
    .contact-page{padding:30px 0;background-size:150%}
    .contact-page .tit{font-size:14px;line-height:24px;margin-bottom:30px}
    .contact-page .tit&gt;p:first-child{font-size:25px;line-height:35px;margin-bottom:5px}
    
    .contact-page .form{border-radius:10px;padding:30px 25px;margin:15px 0 30px}
    .contact-page .form&gt;p{font-size:16px;line-height:26px;margin-bottom:20px}
    .contact-page .form ul{display:block}
    .contact-page .form li{width:100%;margin-right:0;margin-bottom:20px}
    .contact-page .form li&gt;p{font-size:14px}
    .contact-page .form li&gt;input{height:40px;padding:0 15px;border-radius:5px}
    .contact-page .form li&gt;textarea{height:150px;padding:15px;border-radius:5px}
    .contact-page .form .btn{width:150px;height:45px;line-height:45px;font-size:14px;padding-left:35px}
    .contact-page .form .btn::after{right:5px;top:5px;width:35px;height:35px;background-size:14px}
    
    .contact-page .info{display:block;border-radius:10px}
    .contact-page .info ul{padding:30px 25px}
    .contact-page .info li{margin-bottom:20px}
    .contact-page .info .img-div{width:34px;height:27px;margin:5px 15px 0 0}
    .contact-page .info .txt&gt;p:first-child{font-size:14px;margin-bottom:5px}
    .contact-page .info .txt&gt;p:last-child{font-size:16px;line-height:16px}
    .contact-page .info .address&gt;p:last-child{font-size:16px;line-height:26px}
    .contact-page #map{width:100%;height:350px;border-radius:0 0 10px 10px}
}

@media (any-hover:hover){
    .contact-page .form .btn:hover{background:#136593}
}

/*æœç´¢*/
.search-page{padding:80px 0 50px}
.search-page .item{border:1px #eee solid;border-radius:10px;padding:30px 40px;margin-bottom:30px}
.search-page .name{font-size:18px;}
.search-page .note{font-size:16px;line-height:26px;margin-top:10px}
.search-page .page{padding:20px 0 30px}

@media (max-width:1600px){
    .search-page{padding:70px 0 40px}
}

@media (max-width:1440px){
    .search-page{padding:60px 0 30px}
}

@media (max-width:750px){
    .search-page{padding:30px 0 10px}
    .search-page .item{padding:25px;margin-bottom:20px}
    .search-page .name{font-size:16px}
    .search-page .note{font-size:14px;line-height:24px;margin-top:10px}
    .search-page .page{padding:10px 0 20px}
}</pre></body></html>